📝 React Quiz App

Welcome to the React Quiz App, a fun and interactive way to test your knowledge in HTML, CSS, JavaScript, and React! This project allows users to select a subject and difficulty level and go through a series of questions. The app shows a final score based on your answers and offers a retake option.

🚀 Features

• 📚 Subjects: HTML, CSS, JavaScript, React
• 🎯 Difficulty Levels: Easy, Medium, Hard
• ⏱ Real-time Score Tracking
• 🔄 Retake Quiz Option
• 🎨 Responsive UI with Tailwind CSS
• 🔍 Routing with React Router DOM

🖥️ Demo

Check out the live demo: Quiz App Demo

📷 Screenshots

🛠️ Technologies Used

• React ⚛️
• React Router DOM 🔀
• Tailwind CSS 🎨

📦 Installation

Follow these steps to run the project locally:

1. Clone the repository: git clone https://github.com/Ashwin-MB97/Quiz-App.git

2. Navigate to the project folder: cd quiz-app

3. Install dependencies: npm install

4. Start the development server: npm run dev

📚 How to Use

• Select a Subject (HTML, CSS, JavaScript, or React).
• Select a Difficulty Level (Easy, Medium, or Hard).
• Click Start to begin the quiz.
• Answer the questions by selecting the correct option.
• Click Submit Answer after each question.
• At the end, your score will be displayed.
• You can click Retake Quiz to try again!

🏆 Final Score Display

• After completing the quiz, the score is displayed along with a cool medal icon based on your performance:
• 🥇 Gold Medal for scores of 9 or above
• 🥈 Silver Medal for scores between 7 and 8
• 🥉 Bronze Medal for scores below 7

Made with ❤️ using React and Tailwind CSS.