← Retour aux projets

Développement / Full stack

Casino.

Plateforme web interactive regroupant Blackjack et Roulette. Jouez entre amis dans des salons privés : joueurs, mises et manches sont synchronisés en temps réel, avec des jetons fictifs sans valeur monétaire.

  • React
  • TypeScript
  • Vite
  • Express
  • Socket.IO
  • Docker Compose
Capture du Casino : table de Blackjack européen multijoueur, cartes, mises et commandes de jeu.
Capture du Casino issue des tests : joueurs de démonstration et jetons fictifs.

01 / CONTEXTE & OBJECTIF

Le point de départ.

Construire une plateforme de jeux interactive où plusieurs joueurs partagent une même partie, avec une séparation entre interface et règles de jeu.

Créer ou rejoindre un salon privé, jouer au Blackjack ou à la Roulette européenne et gérer ses mises avec un portefeuille de jetons fictifs commun aux deux jeux.

02 / FONCTIONNEMENT

Comment les pièces s’assemblent.

  • Frontend React / TypeScript construit avec Vite ; backend Node.js / Express et moteurs distincts pour le Blackjack et la Roulette.
  • Communication temps réel avec Socket.IO pour synchroniser les joueurs, les actions et les animations. Règles, résultats et soldes validés côté serveur.
  • Sessions, soldes et statistiques conservés dans un fichier JSON ; salons et manches en mémoire. Frontend Nginx et backend déployés séparément avec Docker Compose, avec un volume pour les portefeuilles.

03 / MA CONTRIBUTION

Ce sur quoi j’ai travaillé.

  • Interface responsive pour les deux jeux : table de Blackjack, tapis de mises et roue de Roulette animée.
  • Gestion des salons privés, des joueurs et des manches ; actions tirer, rester, doubler et séparer au Blackjack ; placement, annulation et répétition des mises à la Roulette.
  • Synchronisation temps réel, validation des échanges avec Zod et conteneurisation du frontend et du backend.

04 / APPRENTISSAGES

Ce que j’en retiens.

Concevoir des moteurs de jeu à états, synchroniser plusieurs clients et préserver la cohérence des mises et des soldes sous contrôle du serveur.

Technologies et fonctionnalités vérifiées dans le code du projet Casino. Capture issue des tests navigateur du projet, avec des joueurs de démonstration et des jetons fictifs.

CONTINUER L’EXPLORATION

SpotShareAutomatisation des CVE