Programmation
Dans cette programmation modulaire, j'ai pu bien séparer et utiliser chaque partie de l'application. J'utilise des useState et des useReducer pour stocker des états.
Memory Matching
Le projet est un jeu de mémoire avec des paires de cartes. Je l'ai conçu en langage JavaScript avec l'extension JSX et le framework React. Les réglages de React utilisent le gestionnaire de paquets npm, l'empaqueteur Vite et le transpileur SWC. Pour jouer, le joueur devra réaliser le plus de niveaux possible avec comme temps imparti le temps qu'il aura choisi. Le jeu possède un tableau des scores des parties précédentes. Le site est agencé grâce à du CSS.
Partie de jeu
Le visuel du jeu montre plusieurs informations. Tout d'abord, le pseudo rentré par le joueur, ainsi que les points cumulés dans sa partie. Ensuite, un timer commence à s'écouler à la première carte retournée de chaque niveau. Enfin, on peut voir des cartes, possédant un recto et un verso, le verso suivant le thème choisi dans le menu, et des cartes noires montrant celles trouvées.
Lien du code du jeu : Télécharger le code
Commentaires & Analyse de montée en compétences :
Le projet réalisé a laissé place à la curiosité et la flexibilité.
Il a nécessité une bonne gestion du langage et du codage modulaire.
J'ai pu rencontrer des difficultés sur ce projet, telles que l'utilisation d'un nouveau framework React.
Il a donc été difficile de manier son lexique dans ma programmation.
Ces difficultés ont favorisé la réactivité et la résolution des problèmes.
J'ai pu remarquer malgré tout un gain de connaissances dans l'utilisation de ce langage.