Somos Héroes
Caso de estudio: Somos Héroes.
Problema
Somos Héroes es un juego de narración para el aula basado en el viaje del héroe. En su versión presencial, necesita cuadernos de papel, cartas físicas y dados. Quien creó el método quería una versión web para que colegios de cualquier lugar pudieran jugar, evaluar y mostrar las historias de sus alumnos sin material impreso.Qué hice
- Desarrollador web (freelance), trabajando en solitario: diseño, código y despliegue, con una demo cada semana.
- Construí el flujo del alumno (héroe, personajes, mapa del viaje, las nueve etapas y la historia completa), el inicio de sesión con tres roles de usuario, la aprobación del profesor, los códigos de invitación a la clase y un pequeño editor para los vídeos de introducción.
Tecnología y arquitectura
- Firebase sin servidores que gestionar: Auth, Firestore, Storage, Cloud Functions y Hosting.
- Front end en React y TypeScript que habla directamente con Firestore y Storage; las reglas de seguridad son la capa de autorización y las Cloud Functions solo gestionan operaciones con privilegios.
- Roles mediante custom claims; español e inglés desde el primer día. Pensado para su uso por menores conforme a la ley española de protección de datos.
Resultado
- Los alumnos escriben su historia etapa a etapa y la graban en audio en el navegador, con un teleprompter.
- Los profesores puntúan las historias según seis criterios; los mismos criterios sirven para la votación entre compañeros.
- Un mapa mundial público muestra los colegios participantes y las historias que sus profesores eligen compartir.
- Disponible en somosheroes.web.app.