✦Projet Personnel

Jeu de Mémoire

Un jeu de mémoire interactif et amusant décliné en trois niveaux de difficulté. Le principe : toutes les cartes sont révélées au départ, puis cachées — à vous de retrouver toutes les paires en vous fiant uniquement à votre mémoire. Les cartes sont mélangées aléatoirement à chaque partie pour que le défi soit toujours renouvelé.

Jeu de Mémoire Hero Image

Tech Stack

React
Next.js
Algorithme

Fonctionnalités Clés

3 niveaux de difficulté

Facile (grille 4×4), Moyen (grille 8×8 avec redondance) et Difficile (grille 8×8 pleine) pour s'adapter à tous les joueurs.

Phase de mémorisation

Toutes les cartes sont révélées au démarrage pendant quelques secondes — mémorisez bien avant qu'elles se retournent !

Placement aléatoire

Les cartes sont mélangées aléatoirement à chaque partie pour un défi toujours renouvelé.

Trouver toutes les paires

Retrouvez chaque paire de cartes identiques en vous appuyant uniquement sur votre mémoire. La partie se termine quand toutes les paires sont trouvées.

Défis & Solutions Techniques

Algorithme de mélange et gestion de l'état du jeu

Implémenter un mélange véritablement aléatoire des cartes (Fisher-Yates) tout en gérant proprement les états de jeu : phase révélation, phase jeu, comparaison des paires et détection de fin de partie, sans re-render inutile.

Animations fluides sans dégradation des performances

Animer le retournement de chaque carte en CSS 3D (rotateY) sur une grille pouvant contenir jusqu'à 64 éléments simultanément, sans provoquer de chute de framerate ni de layout shift, même sur des appareils mobiles d'entrée de gamme.

Équilibrage de la difficulté « Moyen »

Concevoir le mode moyen avec redondance de cartes (plusieurs paires identiques) de façon à ce que la difficulté soit réellement perçue : trop peu de redondance rend le niveau trivial, trop en ajouter le rend injouable. Trouver le bon équilibre algorithmique a nécessité plusieurs itérations de tests.

Aperçus de l'Application

Aperçu 1
🔍
Aperçu 2
🔍
Aperçu 3
🔍