← Projets

Undercover

Un jeu de déduction sociale multijoueur en temps réel pour le navigateur.

Année2024
RôleDesign · Développement
CatégorieJeu · Full-stack
Site en ligne
Undercover — screenshot
Contexte

Undercover est un jeu de société où les joueurs déduisent qui détient un mot secret différent. Le web n'a pas de grande version. J'en ai construit une.

Défi

La synchronisation de l'état du jeu en temps réel entre plusieurs joueurs, la gestion gracieuse des déconnexions, et une interface qui paraît rapide sur tout appareil.

Décisions clés

FastAPI + Socket.IO

Python FastAPI pour la logique jeu et HTTP, Socket.IO pour les événements bidirectionnels en temps réel. SQLite persiste l'état à travers les déconnexions.

React + Framer Motion

Structure de composants propre avec des transitions de phase fluides. TailwindCSS pour un style rapide et cohérent.

Stack
ReactViteTypeScriptTailwindCSSFramer MotionPythonFastAPISocket.IOSQLite
Résultats

88 commits. Multijoueur en ligne et pass-and-play local. Plusieurs thèmes de mots. État persistant via SQLite.

Enseignements
  1. Les automates à états de jeu sont un modèle mental utile pour toute interface complexe avec plusieurs modes.
  2. L'UX basée sur WebSocket nécessite une réflexion attentive sur la latence et les états de reconnexion.
Projet suivantGangui Network