DevQuiz 💡

Un site responsive de quiz sur le développement web réalisé avec HTML, CSS et JavaScript.
🧠 10 questions pour tester ses connaissances sur les bases du dev web !

👥 Équipe

Projet réalisé dans le cadre de notre formation, en collaboration avec :

• Florentin 🧑‍💻
• Nabil 👨‍💻
• Anaïs 👩‍💻
• Marina 👩‍💻

Notre tout premier projet de groupe

🎯 Objectifs pédagogiques

• Créer une interface responsive
• Pratiquer les bases de HTML, CSS et JavaScript
• Mettre en œuvre des interactions utilisateurs
• Apprendre à travailler en équipe et à structurer un projet

🔍 Fonctionnalités

• ✅ 10 questions à choix multiple sur le développement web
• ✅ Score affiché à la fin du quiz
• ✅ Possibilité de recommencer
• ✅ Interface responsive (mobile, tablette, desktop)

🧠 Structure du code

Le projet est divisé de manière simple :

📁 DevQuiz/
│
├── index.html          -> Structure de la page
├── style.css           -> Styles et responsive design
├── script.js           -> Logique du quiz (questions, score, événements)
└── images/             -> Illustrations ou gifs (optionnel)

script.js – ce qu’il fait :

• Stocke les questions/réponses sous forme de tableau d’objets
• Gère l’affichage dynamique des questions
• Compare les réponses de l’utilisateur
• Calcule et affiche le score final
• Permet de relancer le quiz

style.css :

• Mise en page responsive avec media queries
• Couleurs, boutons, animation légère pour un rendu agréable

🛠️ Technologies

• HTML5
• CSS3
• JavaScript

✨ Aperçu