Développement d'un clone du jeu Wordle en React/TypeScript : l'utilisateur dispose de six tentatives pour deviner un mot caché, avec un retour visuel coloré indiquant les lettres correctes (bonne place), présentes (mauvaise place) ou absentes. La logique de jeu gère la casse, les accents, l'historique des tentatives et l'état du clavier virtuel.
- Moteur de jeu : comparaison lettre par lettre, gestion des doublons et normalisation des accents
- Grille de jeu dynamique (6 lignes) avec retour coloré (vert/jaune/gris) par tentative
- Gestion du clavier (saisie physique et virtuelle), validation des tentatives (longueur, mot déjà essayé)
- Détection de victoire/défaite et affichage modal de fin de partie
- Catalogue de mots solutions chargé depuis un jeu de données local
- Documentation de composants isolée via Storybook
Accès à la démoDétails techniques
LangagesTypeScript / JavaScript
Frameworks & BibliothèquesReactstyled-componentsStorybook (documentation de composants)React Testing Library / Jest (tests)
Base de donnéesAucune (données statiques en fichier JSON local, état en mémoire côté client)
Architecture logicielleApplication front-end pure (SPA, Create React App)Logique de jeu encapsulée dans un hook personnalisé (useWordle)Composants UI découplés (Grid, Row, Modal, Tooltip)
API & Services WebAucun (application 100% client, sans back-end)