Pokémon Find
Real-Time Guessing Game
Jeu web multijoueur temps réel et solo autour du Pokédex national : 15 secondes chrono pour identifier le Pokémon à partir de son numéro, avec algorithme de proximité, lobbys synchronisés et conteneur Docker autonome.
- Rôle
- Créateur & Développeur Full-Stack
- Année
- 2026
- Technologies
- React 19, Node.js, Socket.IO, Vite, Tailwind CSS 4, Docker, Ansible, TypeScript
Le défi
01 / 03Le défi
Concevoir un jeu multijoueur ultra-réactif capable de synchroniser jusqu'à 8 joueurs par room en temps réel sous les 50ms de latence, avec validation stricte anti-triche côté serveur, sélection multi-générationnelle parmi 1 025 Pokémon et aucun appel d'API tiers au runtime.
La solution
Architecture monorepo pnpm TypeScript stricte avec paquet @pkfind/shared partagé entre le frontend React 19 / Vite et le serveur Node.js / Socket.IO. Déploiement en conteneur Docker unique autonome (aucun service externe requis) et infrastructure automatisée par playbooks Ansible sur VM Proxmox et ingress Traefik.
Les résultats
Suite de tests complète (Vitest unitaire/intégration et Playwright E2E), tolérance aux déconnexions avec reconnexion transparente via jeton de session, temps de réponse quasi-instantané et expérience compétitive fluide sur mobile et desktop.
Ce qui a été construit
Modes Solo, Défi Quotidien & Blitz
Parties de 10 manches personnalisables, graine quotidienne UTC partagée, et mode Blitz contre-la-montre.
Multijoueur Temps Réel Socket.IO
Salles privées de 2 à 8 joueurs avec code d'accès à 4 caractères, partage par QR code et transferts d'hôte automatisés.
Algorithme de Score de Proximité
Attribution de points exponentielle basée sur l'écart au numéro cible (jusqu'à 1 000 pts pour une réponse exacte).
Pokédex Interactif & Télémétrie
Navigateur de 1 025 Pokémon avec sprites, types, filtres de générations et tableau de bord de statistiques du joueur.
Galerie
Aperçus du projet
Écran de Jeu // Manche Active
01Affichage géant du numéro cible du Pokédex national (#025), chronomètre circulaire réactif avec alertes visuelles, et autocomplétion intelligente accessible.
Révélation & Classement // Multijoueur
02Révélation du sprite Pokémon, calcul précis des points et classement en temps réel des joueurs avec progression des scores et écarts.
Navigateur Pokédex // Statistiques
03Exploration complète des 1 025 créatures par génération et types élémentaires, couplée au suivi des performances (ratio de victoire, temps de réponse moyen).