Un jeu Wordle en français avec des mots de longueur variable, développé en HTML, CSS et JavaScript vanilla.
- Mots de 4 à 8 lettres choisis aléatoirement
- Grille qui s'adapte automatiquement
- Nouveau défi à chaque partie
- Plus de 200 mots authentiques
- Thèmes variés : animaux, nature, objets, couleurs...
- Mots semi-aléatoires générés intelligemment
- Design responsive avec dégradés
- Animations fluides et effets visuels
- Clavier virtuel intégré
- Compatible mobile et desktop
- 🟩 Vert : Lettre correcte à la bonne position
- 🟨 Jaune : Lettre présente mais mal placée
- ⬜ Gris : Lettre absente du mot
- Objectif : Devinez le mot mystère en 6 essais maximum
- Saisie : Tapez votre proposition et validez
- Indices : Utilisez les couleurs pour ajuster votre stratégie
- Victoire : Trouvez le mot avant d'épuiser vos tentatives !
wordle-francais/
├── index.html # Structure HTML
├── style.css # Styles et animations
├── script.js # Logique du jeu
└── README.md # Documentation
- HTML5 : Structure sémantique
- CSS3 : Styles modernes, animations, responsive design
- JavaScript ES6+ : Logique du jeu, manipulation DOM
- GitHub Pages : Hébergement gratuit
- Un navigateur web moderne
- Un serveur local (optionnel)
-
Cloner le dépôt
git clone https://github.com/votre-username/wordle-francais.git cd wordle-francais
-
Ouvrir le jeu
- Double-cliquez sur
index.html
- Ou utilisez un serveur local :
# Avec Python python -m http.server 8000 # Avec Node.js npx serve
- Double-cliquez sur
-
Jouer 🎉
- Classe
WordleGame
: Encapsulation complète de la logique - Séparation des responsabilités : HTML/CSS/JS distincts
- Code réutilisable et facilement extensible
- Génération de mots : Mix dictionnaire/aléatoire (80/20)
- Validation des lettres : Système de comptage précis
- Interface adaptive : Grille responsive selon la longueur
- Performance : Manipulation DOM optimisée
- Accessibilité : Contrôles clavier et souris
- Responsive : Design adaptatif mobile-first
Éditez le dictionnaire dans script.js
:
this.wordsByLength = {
4: ['CHAT', 'PAIN', ...],
5: ['MAISON', 'JARDIN', ...],
// Ajoutez vos mots ici
};
Modifiez les variables CSS dans style.css
:
.letter-box.correct { background: #6aaa64; }
.letter-box.present { background: #c9b458; }
.letter-box.absent { background: #787c7e; }
// Modifier le nombre d'essais
this.maxAttempts = 6; // Changez cette valeur
// Modifier les longueurs de mots
getRandomWordLength() {
const lengths = [4, 5, 6, 7, 8]; // Ajustez selon vos préférences
return lengths[Math.floor(Math.random() * lengths.length)];
}
Les contributions sont les bienvenues !
- Fork le projet
- Créez une branche (
git checkout -b feature/amelioration
) - Commitez vos changements (
git commit -m 'Ajout d'une fonctionnalité'
) - Push vers la branche (
git push origin feature/amelioration
) - Ouvrez une Pull Request
- Mode multijoueur
- Statistiques avancées
- Thèmes de couleur
- Sons et effets audio
- Partage de résultats
- Mode chronométré
- Dictionnaire personnalisé
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
- Inspiré du jeu Wordle original de Josh Wardle
- Communauté GitHub pour l'hébergement gratuit
- Tous les contributeurs qui rendent ce projet meilleur
- GitHub : @votre-username
- Issues : Signaler un bug
⭐ N'oubliez pas de mettre une étoile si vous aimez le projet !
Développé avec ❤️ en France