Deployed Live Demo-> https://quiz-app-react-ts-tailwind.netlify.app
The Quiz App is an interactive single-page application where users answer multiple-choice questions one at a time. Each question presents four answer options, and users receive immediate feedback after selecting an answer. The app tracks progress, calculates the score in real time, and displays final results at the end of the quiz.
Quiz-App Criterias
1. Question Display
• Only one question is shown at a time
• Each question displays four answer options
2. Answer Selection & Feedback
• When a user selects an answer:
• The selected answer is immediately marked:
• 🟩 Green if correct
• 🟥 Red if incorrect
• The correct answer is always highlighted
• After selecting an answer:
• The user cannot change their choice
• No other option can be selected for that question
3. Navigation
• A “Next” button appears only after an answer is selected
• Clicking “Next” moves to the next question
4. Progress Tracking
• The app always displays progress in the format:
• “Question X of Y”
• The score updates dynamically as the user progresses
5. Scoring System
• Correct answers increase the score
• Score is maintained throughout the quiz session
6. Quiz Completion
• After the last question:
• Clicking “Next” shows a results screen
• Results display:
• Final score (e.g. 7 / 10)
7. Restart Functionality
• The results screen includes a “Play Again” button
• Clicking it:
• Resets the score
• Returns to Question 1
• Restarts the quiz from the beginning