L'application web ultime pour s'entraîner et maîtriser la grammaire française.
🚀 Lancement rapide • ✨ Fonctionnalités • 🛠️ Stack Technique • 👨💻 Auteur
Note
GigaGrammaire fonctionne intégralement côté client (Vanilla JS). Aucune installation de dépendances lourdes (npm, node_modules) ni de backend n'est requise.
- 🧠 Exercices dynamiques : Injection en temps réel des questions depuis la base de données
assets/sentences.json. - ⚡ Correction instantanée : Validation immédiate des choix avec feedback visuel et réponses guidées.
- 📈 Suivi de progression : Calcul du score final et bilan par série d'exercices.
- 🎨 UI Épurée & Responsive : Interface fluide construite avec des variables CSS, parfaitement adaptée au mobile et au desktop.
- 🔒 Confidentialité totale : Aucun suivi externe ni stockage de données personnelles.
| Composant | Technologie | Rôle dans l'application |
|---|---|---|
| Structure | HTML5 Sémantique |
Organisation du DOM, accessibilité et conteneurs d'exercices |
| Styles | CSS3 (Variables & Flexbox) |
Design moderne, animations fluides et gestion des thèmes |
| Logique | JavaScript ES6+ |
Chargement dynamique via fetch(), gestion d'état et évaluation |
| Données | JSON (sentences.json) |
Stockage des questions, choix multiples et bonnes réponses |
GigaGrammaire/
├── 📁 assets/
│ ├── 🖼️ logo.png # Logo officiel
│ └── 📄 sentences.json # Banque de questions et réponses
├── 📄 index.html # Interface principale
├── 📄 script.js # Moteur applicatif et gestion du score
├── 📄 style.css # Variables de style et mise en page
└── 📄 README.md # Documentation du dépôt