03Web full-stack
Odyssée
Application web événementielle full-stack (gestion invités, programme, sondages, courses et jeu social multijoueur intégré), déployée pour un événement réel.
- Next.js 16 App Router / React 19 / TypeScript strict
- Migration progressive legacy vanilla → Next.js sans coupure de service
- Design system "Station Odyssée" cohérent sur 16 routes sous deadline fixe
Le besoin
Organiser un événement privé avec plusieurs dizaines de participants nécessite de coordonner des inscriptions, un programme, des sondages, des équipes pour des courses, et d'animer la soirée avec un jeu social en ligne. Les solutions existantes couvrent chaque besoin séparément. Le défi : concevoir une expérience unifiée pour un événement qui a une date fixe et des vrais utilisateurs à livrer le jour J.
Comment ça marche
Une webapp sur-mesure accessible depuis mobile, avec un design cohérent qui donne le ton de l'événement ("Station Odyssée"). Les participants s'inscrivent, répondent aux sondages, suivent le programme, s'organisent en équipes pour les courses, et jouent à un jeu social de déduction multijoueur directement depuis leur téléphone le soir. Chaque module est interconnecté via une base de données temps réel, sans rechargement de page.
Aperçu
Stack technique
Sous le capot : choix techniques
Pour les lecteurs curieux du dessous des cartes. Cliquer sur chaque décision pour déplier.
Ce que j'ai appris
“Le design system AI-native n'est pas un fichier Figma. C'est de la documentation machine-readable dans le repo (AGENTS.md, globals.css commenté). Les contraintes doivent être lisibles par les agents pour être respectées, sinon chaque génération AI réinvente ses propres patterns.”