Detalles técnicos:

• HTML + Tailwind CSS + JavaScript para toda la interfaz.
• LocalStorage para persistencia de datos en el cliente, sin necesidad de backend.
• Validaciones personalizadas en formularios combinando reglas nativas de HTML y setCustomValidity.
• Lógica de control para que la vida restante nunca supere la máxima (con clamp y validación cruzada). Asimismo, no se admiten números decimales, ni negativos y existen límites mínimos y máximos para todos los input del formulario.
• Formato dinámico de HP (ej. 1K, 10K, 1M) con límites realistas ajustados al contexto DnD.
• Diseño responsive:
  • 📱 Móvil
  • 💻 PC
  • 📲 iPad
• UI con estilo retro-fantástico, con estética DnD y tonos predominantemente oscuros.

Este proyecto me ha ayudado a profundizar en:

✔️ Manejo de formularios y validaciones avanzadas en JavaScript.

✔️ Responsive design en distintos breakpoints.

✔️ Buenas prácticas de UX para apps 100% cliente.

👉 Un pequeño laboratorio personal donde he podido practicar desarrollo frontend y además crear una herramienta útil para mis partidas.

Vídeo explicativo:

https://youtu.be/S0H2EXsDpkQ