Dame un buen prompt para crear una aplicación en html con la que trabajar los números del 1 al 10 con los niños de educación Infantil
La aplicación debe funcionar en tablets, ordenadores, móviles con Android e IOs.
La aplicación debe contener varios juegos.
Añadir tres niveles de dificultad.
Después de cada cinco aciertos mostrar mensajes motivadores acompañados de pequeñas animaciones.
La aplicación debe incluir: botones grandes, alto contraste, posibilidad de activar/desactivar sonidos, funcionamiento tanto con ratón como con pantalla táctil, orientación horizontal y vertical...
Con una interfaz moderna inspirada en aplicaciones infantiles actuales.
La aplicación debe parecer un recurso educativo profesional.
Actúa como un desarrollador senior especializado en HTML5, CSS3 y JavaScript, con amplia experiencia en el diseño de aplicaciones educativas para Educación Infantil (3-6 años), usabilidad infantil (UX/UI), accesibilidad y gamificación.
Tu objetivo es desarrollar una aplicación web profesional para trabajar el aprendizaje de los números del 1 al 10.
La aplicación debe tener un aspecto comparable al de las mejores aplicaciones educativas infantiles actuales y estar diseñada para utilizarse tanto en el aula como en casa.
La aplicación debe estar formada por un único archivo HTML, incluyendo todo el CSS y JavaScript dentro del mismo documento.
No debe depender de:
servidores
bases de datos
frameworks externos
instalaciones adicionales
Debe funcionar simplemente abriendo el archivo HTML.
La aplicación debe ser totalmente compatible con:
Windows
macOS
Linux
Chromebook
Android
iPhone
iPad
Debe funcionar correctamente en:
ordenadores
tablets
móviles
Debe ser completamente responsive.
Debe adaptarse automáticamente a:
orientación vertical
orientación horizontal
Crear un diseño moderno inspirado en aplicaciones educativas infantiles actuales.
La interfaz debe transmitir:
diversión
aprendizaje
limpieza visual
profesionalidad
Utilizar:
colores vivos pero equilibrados
ilustraciones vectoriales sencillas
botones redondeados
sombras suaves
animaciones fluidas
tipografía muy legible
mucho espacio entre elementos
La sensación debe ser la de una aplicación publicada por una empresa educativa profesional.
La aplicación debe cumplir criterios de accesibilidad.
Debe incluir:
botones muy grandes
alto contraste
textos grandes
zonas táctiles amplias
funcionamiento con ratón
funcionamiento con pantalla táctil
navegación sencilla
instrucciones mediante iconos
posibilidad de activar y desactivar sonidos
posibilidad de jugar sin sonido
Todos los elementos deben poder utilizarse fácilmente por niños de 3 a 6 años.
Mostrar un menú principal con botones grandes para acceder a los distintos juegos.
Incluir:
título atractivo
ilustración infantil
selector de dificultad
botón de sonidos
botón de ayuda
botón de reiniciar progreso
Crear tres niveles.
Trabajar únicamente:
reconocimiento visual
asociación número-cantidad
Utilizar cantidades pequeñas y apoyo visual abundante.
Trabajar:
conteo
comparación
orden de números
identificación rápida
Reducir ligeramente las ayudas.
Trabajar:
secuencias
anterior y siguiente
comparación
reconocimiento sin apoyos
pequeños retos de rapidez
Crear varios juegos diferentes.
Como mínimo incluir:
Contar objetos.
El niño debe seleccionar el número correcto.
Relacionar número con cantidad.
Arrastrar cada número hasta su cantidad correspondiente.
Compatible con ratón y pantalla táctil.
Ordenar los números del 1 al 10.
¿Qué número falta?
Mostrar una secuencia incompleta.
Escoge el número mayor.
Escoge el número menor.
Explota el globo con el número indicado.
Con pequeñas animaciones.
Memoria de números.
Emparejar:
número
cantidad
Ruleta de números.
La ruleta selecciona un número y el niño debe encontrarlo.
Cada vez que el niño acierte:
sonido agradable
pequeña animación
estrellas
confeti suave
efecto brillante
Cada cinco aciertos consecutivos mostrar una pantalla motivadora con una animación breve.
Mensajes variados como:
¡Fantástico!
¡Lo estás haciendo genial!
¡Eres un campeón!
¡Excelente trabajo!
¡Sigue así!
¡Qué bien cuentas!
¡Cada vez sabes más!
¡Increíble!
Las animaciones deben durar pocos segundos y no interrumpir excesivamente el juego.
Guardar automáticamente:
nivel
puntuación
juegos completados
aciertos
Utilizar LocalStorage.
Incluir:
sonido de acierto
sonido de error suave
sonido de celebración
Permitir activar o desactivar los sonidos.
Recordar la preferencia mediante LocalStorage.
Utilizar únicamente CSS y JavaScript.
Incluir animaciones como:
confeti
estrellas
rebotes
escalado
brillo
globos
aplausos visuales
Las animaciones deben ser fluidas incluso en tablets antiguas.
Evitar:
tiempos de espera
pantallas complejas
exceso de texto
Todo debe poder entenderse mediante imágenes e iconos.
El niño debe poder comenzar a jugar en pocos segundos.
Optimizar el código para que funcione con fluidez en dispositivos de gama media y baja.
Escribir código:
limpio
comentado
modular
fácil de ampliar
bien organizado
Separar claramente:
HTML
CSS
JavaScript
Aunque estén dentro del mismo archivo.
La aplicación debe parecer un producto comercial profesional.
No debe tener aspecto de ejemplo ni de proyecto escolar.
Debe transmitir la sensación de ser una aplicación educativa moderna lista para publicarse.
Genera el archivo HTML completamente funcional y listo para usar.
No omitas ninguna parte del código.
No utilices fragmentos incompletos.
Entrega el documento completo desde <!DOCTYPE html> hasta </html>.
Asegúrate de revisar el código antes de finalizar para comprobar que:
todos los juegos funcionan correctamente;
la aplicación es completamente responsive;
es compatible con ratón y pantalla táctil;
funciona en Android, iOS, Windows, macOS y Linux;
el diseño es atractivo y profesional;
no existen errores de JavaScript;
el código está optimizado y comentado.