Somos Héroes
Étude de cas : Somos Héroes.
Problème
Somos Héroes est un jeu de narration en classe fondé sur le voyage du héros. En présentiel, il demande des cahiers papier, des cartes physiques et des dés. La personne qui a créé la méthode voulait une version web pour que des écoles du monde entier puissent jouer, évaluer et présenter les histoires de leurs élèves sans matériel imprimé.Ce que j’ai fait
- Développeur web (freelance), en solo : conception, code et déploiement, avec une démo chaque semaine.
- Réalisation du parcours élève (héros, personnages, carte du voyage, les neuf étapes et l’histoire complète), de la connexion avec trois rôles d’utilisateur, de la validation par les enseignants, des codes d’invitation de classe et d’un petit éditeur pour les vidéos d’introduction.
Technologies et architecture
- Firebase sans serveur à gérer : Auth, Firestore, Storage, Cloud Functions et Hosting.
- Front-end React et TypeScript qui dialogue directement avec Firestore et Storage ; les règles de sécurité sont la couche d’autorisation et les Cloud Functions ne gèrent que les opérations privilégiées.
- Rôles via des custom claims ; espagnol et anglais dès le premier jour. Conçu pour être utilisé par des mineurs, conformément à la loi espagnole sur la protection des données.
Résultat
- Les élèves écrivent leur histoire étape par étape et l’enregistrent en audio dans le navigateur, avec un téléprompteur.
- Les enseignants notent les histoires selon six critères ; les mêmes critères servent au vote entre pairs.
- Une carte du monde publique montre les écoles participantes et les histoires que leurs enseignants choisissent de partager.
- En ligne sur somosheroes.web.app.