Project-connect-4

FR Bellow

Objective

The goal of the project is to create a connected power 4 game where 2 players can challenge each other.

• The first user chooses a nickname and gets the URL to share to invite other players
• Player 2 also chooses a nickname and joins the game
• The 2 players choose a game
• Players take turns placing checkers in a 7x6 grid following the Power 4 rules
• A player wins if 4 checkers are aligned vertically/horizontally or diagonally

Notions covered

• State machine
• URL generation
• WebSocket

Steps

• State machine
• Interface
• Offline game
• Setting up the server
• Online game
• Deployment

Stack

• NodeJS
• TypeScript
• React
• Xstate
• WebSocket
• reconnecting-websocket
• Fastify
• @fastify/web-socket

FR

Objectif

L'objectif du projet est de créer un jeu de puissance 4 connecté ou 2 joueurs peuvent se défier.

• Le premier utilisateur choisit un pseudo et obtient l'URL à partager pour inviter les autres joueurs
• Le joueur 2 choisit aussi un pseudo et rejoint la partie
• Les 2 joueurs choississent une partie
• Les joueurs placent des pions à tour de rôle dans une grille de 7x6 en suivant les règles du puissance 4
• Un joueur gagne si 4 pions sont alignés verticalement / horizontalment ou en diagonal

Notions abordées

• Machine à état
• Génération d'URL
• WebSocket

Étapes

• Machine à état
• Interface
• Jeu hors ligne
• Mise en place du serveur
• Jeu en ligne
• Déploiment

Stack

• NodeJS
• TypeScript
• React
• Xstate
• WebSocket
• reconnecting-websocket
• Fastify
• @fastify/web-socket