NiceMank/Level-Up-Africa-Quiz

Quiz Culture Tech & Innovation Africaine # Level Up Africa — Quiz Culture Tech & Innovation Africaine Testez vos connaissances sur l'écosystème tech en plein essor en Afrique, de l'innovation des startups aux paiements mobiles, en passant par les hubs technologiques. Atteignez le statut de "Future Elon Musk africain" ! ## Contexte Ce projet s'inscrit dans le cadre du projet de vacances L1. L'objectif est de consolider les bases du développement web (HTML, CSS, JS vanilla) à travers la réalisation d'un quiz interactif, motivant, déployable et utilisable en portfolio. Le thème choisi pour cette version est **Level Up Africa (Innovation & Tech africaine)**. ## Fonctionnalités - ✅ Affichage dynamique des questions depuis un tableau d'objets JS. - ✅ Système de score en temps réel. - ✅ Feedback immédiat (bonne/mauvaise réponse, temps écoulé). - ✅ Timer par question (15 secondes). - ✅ Barre de progression dynamique. - ✅ Écran de résultats final avec des messages personnalisés selon la performance. - ✅ Interface utilisateur moderne (Dark mode, glassmorphism, animations fluides). - ✅ Entièrement responsive. ## Stack Technique | Couche | Technologie | |---|---| | Structure | HTML5 | | Style | CSS3 (Vanilla avec variables CSS) | | Logique | JavaScript Vanilla (ES6+) | | Données | Fichier `questions.js` (Array of objects) | | Déploiement | GitHub Pages | ## Installation & Lancement Le projet est composé uniquement de fichiers statiques (HTML, CSS, JS). Aucune installation ni backend n'est requis. 1. Clonez ce dépôt. 2. Ouvrez le fichier `index.html` dans n'importe quel navigateur web moderne. 3. Le quiz est prêt à être utilisé ! ## Structure du projet ``` Level Up Africa/ │ ├── index.html # Structure et contenu de la page ├── style.css # Styles UI/UX, animations et responsivité ├── script.js # Logique applicative, gestion d'état et du DOM ├── questions.js # Banque de 20 questions sur la tech africaine └── README.md # Documentation du projet ``` ## Roadmap & Évolutions possi …