educar/progreso/2024-06-07-webapp-alpha.md

2024-06-07 · Webapp pedagógica (alpha)

Qué se hizo

• app/ ahora incluye una experiencia completa en React (Vite + TS) con módulos para Lectura global, Fonética Montessori e Historias Reggio.
• Los datos se leen directamente desde content/ usando alias @content, evitando duplicar las listas de palabras/fonemas/historias.
• Estilos nuevos amigables para tablet (botones grandes, colores Boca, fondos suaves) y módulos con controles táctiles.
• Build verificado con npm run build para asegurar que todo compila correctamente.

Cómo usarlo en localhost

1. cd app
2. npm install (ya ejecutado, repetir si agregás deps nuevas)
3. npm run dev
4. Abrí el navegador en la URL que Vite muestre (por defecto http://localhost:5173).

Próximo enfoque

• Activar modo PWA (manifest + service worker) para tablet offline.
• Guardar progreso local (localStorage/indexedDB) y sincronizar con backend cuando esté listo.
• Integrar audio (TTS o clips grabados) para cada palabra/fonema.
• Añadir botón "Generar con Gemini" que consuma el backend.