¡Conviértete en la mente maestra detrás de los héroes más épicos, las heroínas más legendarias y demás increíbles personajes del reino!
🛠️ Este proyecto se encuentra en desarrollo.
Dungeons & Designers es una aplicación web interactiva donde puedes crear personajes únicos inspirados en el universo de Dungeons & Dragons. A través de una interfaz visualmente envolvente, tendrás la opción de elegir desde la raza, clase y género, hasta las armas, poderes y accesorios de tus héroes.
Cada personaje se puede personalizar con estadísticas únicas y habilidades especiales. Una vez que hayas terminado de crear tu personaje, podrás guardarlo en tu lista personal para consultarlo más adelante.
Además, la app te ofrece la posibilidad de visualizar una galería con todos tus personajes, filtrados según tus criterios. Desde allí, podrás revisar los detalles de cada uno de forma individual.
Todo esto se acompaña de una experiencia fluida y responsiva, ideal para cualquier dispositivo móvil, tablet o computadora.
En esta app puedes:
- 🧝♀️ Registrarte como aventurere y abrir tu propio portal al multiverso.
- 🛡️ Crear personajes personalizables eligiendo raza, clase, género y nombre.
- ⚔️ Equiparlos con armas, armaduras, accesorios y habilidades especiales.
- 🎲 Asignar estadísticas únicas y atributos que marcarán su destino.
- 💬 Unirte a una comunidad legendaria y participar en el foro, compartiendo ideas y estrategias con otres aventureres como tú.
Porque Dungeons & Designers no es solo una app… es un gremio.
- 1️⃣ Abre el portal en tu navegador desde el enlace de GitHubPages.
- 2️⃣ Dirígete al apartado Perfil para registrarte o iniciar sesión como creadorx.
- 3️⃣ Ingresa al taller de diseño y selecciona raza, clase, género y nombre de tu personaje 🧝♂️.
- 4️⃣ Explora la taberna de personajes para conocer otras historias y perfiles.
- 5️⃣ Accede a la Comunidad y deja tu huella en el foro de aventureres. Comparte tus obras, recibe consejos y encuentra tu equipo.
- 6️⃣ ¡Vive la experiencia de ser el diseñador de tu propio mundo en Dungeons & Designers! ✨
-
HTML5.
-
CSS3.
-
JavaScript (ES6+).
-
JSON.
-
Markdown.
-
💾
localStoragepara persistencia de datos en el navegador. -
API Pública de D&D 5e para datos oficiales: D&D 5th Edition API .
-
MockAPI para demás personalización: Dungeons & Designers (de mi misma autoría).
-
VS Code.
-
Git.
-
GitHub.
-
Figma para diseño de UI: Dungeons & Designers (de mi misma autoría).
├── 📁 assets/ # Recursos gráficos.
│ ├── 📁 fonts/ # Fuentes para el texto.
│ ├── 📁 icons/ # Íconos (vectores).
│ └── 📁 img/ # Imágenes.
│ │ ├── 📁 backgrounds/ # Fondos de pantalla.
│ │ │ └── 📁 main/ # Fondos del index.
│ │ └── 📁 logos/ # Logos del proyecto.
│ │ │ └── 📁 textLogo/ # Variaciones del logo de texto.
├── 📁 css/ # Archivos de CSS.
│ ├── 📁 stylesheets/ # Hojas de estilo para las subpáginas.
│ │ ├── 📝 characterBuilder.css # Estilo para la página de construcción de personajes.
│ │ ├── 📝 characterDetails.css # Estilo para la página de detalles individuales.
│ │ ├── 📝 characterList.css # Estilo para la página de lista de personajes.
│ │ ├── 📝 community.css # Estilo para la página del foro de la comunidad.
│ │ └── 📝 profile.css # Estilo para la página del perfil.
│ ├── 📝 style.css # Estilo de la página principal.
│ └── 📝 variables.css # Variables para las hojas de estilo.
├── 📁 data/ # Archivos JSON.
├── 📁 js/ # Archivos de JS.
│ ├── 📁 scripts/ # Scripts para las subpáginas.
│ │ ├── 📝 characterBuilder.js # Script para la página de construcción de personajes.
│ │ ├── 📝 characterDetail.js # Script para la página de detalles individuales.
│ │ ├── 📝 characterList.js # Script para la página de lista de personajes.
│ │ ├── 📝 community.js # Script para la página del foro de la comunidad.
│ │ └── 📝 profile.js # Script para la página del perfil.
│ ├── 📝 api.js # Script para los consumos de las API.
│ ├── 📝 main.js # Script de la página principal.
│ ├── 📝 storage.js # Script para la persistencia de datos y localStorage.
│ └── 📝 util.js # Utilidades generales.
├── 📁 views/ # Archivos HTML para las subpáginas.
│ ├── 📝 characterBuilder.html # Página de construcción de personajes.
│ ├── 📝 characterDetail.html # Página de detalles del personaje.
│ ├── 📝 characterList.html # Página de lista de personajes.
│ ├── 📝 community.html # Página del foro de la comunidad.
│ └── 📝 profile.html # Página del perfil.
├── 📝 index.html # Página principal del sitio (Landing Page).
├── 📝 LICENSE.md # Licencia del proyecto.
└── 📝 README.md # Documentación del proyecto.Este proyecto cuenta con una Licencia MIT.
🧙♂️ Dungeons & Designers es un proyecto que se desarrolla con la intención de celebrar y rendir homenaje al maravilloso universo de Dungeons & Dragons. Todos los elementos, gráficos, sonidos y textos utilizados en esta aplicación son propiedad de su respectiva autoría y están protegidos por derechos de autoría.
En Dungeons & Designers, no pretendemos infringir los derechos de autoría de ninguna de estas herramientas o recursos. Todo el contenido se utiliza exclusivamente para fines educativos y de entretenimiento, y no tenemos la intención de apropiarnos de la autoría de ninguno de los elementos utilizados.
Agradecemos a cada persona que ha creado y a las comunidades que han hecho posible esta experiencia. Todo el apoyo brindado es fundamental para equipos de desarrollo y artistas que contribuyen al mundo de los videojuegos y apps interactivas.
El proyecto es diseñado con 💖 por ArtDaSak (Darien Carvajal) y Charlie (ChatGPT de Open AI, IA colaborativa).
Este proyecto fue desarrollado con apoyo de herramientas de inteligencia artificial (IA), mayormente Charlie (ChatGPT de Open AI), utilizadas con fines exclusivamente educativos y de aprendizaje personal.