Mini Quiz Web application

A simple interactive quiz web application designed to help users practice basic programming concepts. The app allows users to select a subject and topic, answer multiple-choice questions, and review their results at the end.

---

Features

• Multiple programming subjects:
  • HTML
  • CSS
  • JavaScript
  • Python
• Topic-based quizzes for each subject
• 5-question quizzes per topic
• Progress indicator during the quiz
• Navigation between questions (Previous / Next)
• Score calculation after submission
• Review mode to see correct answers
• Option to retry a topic
• Clean and responsive UI

---

Technologies Used

• HTML5 – Application structure
• CSS3 – Layout, styling, and responsive design
• JavaScript (Vanilla JS) – Quiz logic, state management, and DOM manipulation

---

How It Works

1. The sidebar displays available subjects and topics.
2. Selecting a topic starts a 5-question quiz.
3. Users can navigate between questions.
4. After submitting:
   • The final score is displayed.
   • Users can retry, review answers, or return to topics.

The quiz data (questions, options, and answers) is stored in script.js as a structured JavaScript object.

---

Running the Project

1. Clone or download the repository.
2. Open the project folder.
3. Open structure.html in your browser.

No additional setup or dependencies are required.

---

Future Improvements

• Add more subjects and questions
• Add a timer for quizzes
• Store scores using LocalStorage
• Add difficulty levels
• Add animations and sound feedback

---

Project Structure

Minii_Quiz_Web_App/
|
├── ReadMe.md           # This file     
|
├── script.js           # Quiz logic and data (JAVASCRIPT) 
|
├── structure.html      # Structure (HTML)
|
└──style.css            # Styling and layout(CSS) 

---

Author

Created as part of a coding practice project for learning and reinforcing programming fundamentals. Eugene Dela Gogah