Quiz App

Welcome to the Ultimate Quiz App! This web-based quiz application allows users to select a topic and difficulty level before answering random multiple-choice questions. The app fetches questions dynamically from an API and provides instant feedback on the answers.

🚀 Live Demo

Quiz App on Netlify

🎯 Features

• Topic Selection: Choose from various categories like General Knowledge, Science, Mathematics, Entertainment, Geography, and History.
• Difficulty Levels: Play at Easy, Medium, or Hard levels.
• Randomized Questions: Questions are dynamically fetched from the Open Trivia Database API.
• Interactive UI: Select answers, get instant feedback, and track scores.
• Responsive Design: Fully optimized for both mobile and desktop.
• Score Animation: Final score is revealed with a smooth animation.
• Play Again Option: Restart the quiz at the end.

🛠️ Technologies Used

• HTML5: Structure of the quiz.
• CSS3: Styling with a modern UI design and responsiveness.
• JavaScript (ES6): Logic for fetching questions, handling answers, and managing the quiz flow.
• Open Trivia Database API: Fetching quiz questions dynamically.

📂 Folder Structure

quiz-app/
│-- index.html     # Main HTML file
│-- style.css      # Styling file
│-- script.js      # JavaScript logic
│-- README.md      # Project documentation

📜 How to Run Locally

1. Clone this repository:

   git clone https://github.com/yourusername/quiz-app.git

2. Navigate to the project folder:

   cd quiz-app

3. Open index.html in a browser.

🌍 API Used

• Open Trivia Database API
• Fetches 10 questions based on the selected topic and difficulty level.

🚀 Deployment

This project is deployed on Netlify: Quiz App on Netlify

📌 Future Enhancements

• Add a timer for each question.
• Implement a leaderboard for tracking high scores.
• Add sound effects for correct and incorrect answers.
• Improve animations for a better user experience.

👩‍💻 Author

Developed by Reetu Gupta

If you like this project, give it a ⭐ on GitHub!