Développement d’un jeu du pendu multijoueur en temps réel avec une expérience interactive et immersive

Contexte
Le Jeu du Pendu est une application web fullstack développée autour d’un objectif principal : créer une expérience de jeu multijoueur en temps réel, fluide et engageante.

Le projet va au-delà d’un simple jeu en intégrant des mécaniques complètes : authentification, communication en direct entre joueurs, système de score et interface dynamique.

Expérience utilisateur & gameplay
L’application a été pensée pour offrir une expérience interactive et immersive :

• Mode multijoueur en temps réel avec gestion des tours

• Création et gestion de salles de jeu

• Chat en direct entre les joueurs

• Système de points et classement

• Animations et effets visuels lors des victoires

L’objectif était de rendre le jeu vivant, réactif et engageant, en reproduisant une expérience proche du jeu en direct.

Frontend — Interface & interactivité
Le frontend a été développé avec React et TypeScript, avec une forte orientation sur l’interactivité et le ressenti utilisateur.

• Design moderne avec Tailwind CSS et DaisyUI

• Animations fluides avec Framer Motion

• Gestion des états complexes (authentification, socket, gameplay)

• Intégration de Socket.IO client pour le temps réel

• Formulaires robustes avec validation (Formik & Yup)

• Navigation fluide avec React Router

Une attention particulière a été portée aux micro-interactions et aux effets visuels pour renforcer l’engagement utilisateur.

Backend — Temps réel & logique applicative
Le backend repose sur une architecture performante combinant API REST et communication temps réel.

• API développée avec Fastify

• Base de données MySQL avec Sequelize

• Authentification sécurisée via JWT

• Hashage des mots de passe avec Bcrypt

• Gestion des emails (confirmation de compte) avec Nodemailer

La communication en temps réel est assurée via Socket.IO, permettant :

• synchronisation des parties

• gestion des tours de jeu

• diffusion des événements (lettres, victoires, chat)

Architecture & structuration
Le projet est structuré en deux applications distinctes (frontend / backend) avec une séparation claire des responsabilités.

• Organisation modulaire du backend (controllers, models, routes)

• Frontend structuré par domaines (auth, game, UI, context)

• Gestion des contextes globaux (authentification, socket)

• Documentation API via Swagger

DevOps & environnement
L’environnement a été pensé pour faciliter le développement et le déploiement :

• Conteneurisation avec Docker et Docker Compose

• Base de données MySQL

• Outils de développement (Mailcatcher, PHPMyAdmin)

• Configuration via variables d’environnement

Résultat & apprentissages
Ce projet m’a permis de travailler sur des problématiques clés :

• gestion du temps réel dans une application web

• synchronisation d’états entre plusieurs utilisateurs

• conception d’une expérience utilisateur interactive et dynamique

• mise en place d’un système d’authentification complet

Il illustre ma capacité à développer des applications fullstack complexes, combinant logique métier, communication temps réel et expérience utilisateur engageante.