Contexte et Objectifs du Projet

Dans le but d'approfondir mes connaissances algorithmiques et mes compétences en développement Front-End, j'ai décidé de concevoir et développer de A à Z un jeu du Morpion (Tic-Tac-Toe) interactif.

Ce projet personnel m'a permis de mettre en pratique la manipulation dynamique du Document Object Model (DOM) avec JavaScript, tout en renforçant ma logique de programmation globale sur la gestion des états temporels (tours) et la vérification des conditions de victoire.

Logique et Développement JavaScript

Le principal défi de ce projet résidait dans l'implémentation de la logique de jeu en JavaScript pur (Vanilla JS). J'ai structuré mon code autour de plusieurs éléments clés :

• Gestion de la grille : Un tableau JavaScript simule l'état de la grille 3x3 et se met à jour à chaque clic d'un joueur.
• Tour par tour : Une variable détermine le joueur actif (Joueur X ou Joueur O) et met à jour l'interface en conséquence.
• Vérification de victoire : Un algorithme vérifie après chaque coup s'il existe une combinaison gagnante parmi les 8 probabilités (lignes, colonnes ou diagonales) ou si la grille est entièrement remplie (égalité).

Interface Utilisateur et Design (HTML/CSS)

Au-delà de l'algorithme, j'ai accordé une grande importance à l'interface visuelle. J'ai utilisé CSS Grid pour construire la grille du jeu de manière réactive. Le design est épuré, intégrant des animations subtiles lors de l'apparition des symboles et un retour interactif pour indiquer la victoire d'un joueur ou proposer de rejouer.

Le résultat de ce travail m'a apporté une base solide pour développer des applications web interactives fonctionnant côté client (Front-End).