The Quiz App is an interactive web application that allows users to take quizzes, answer multiple-choice questions, and track their progress. It features a countdown timer, quiz navigation, and a detailed summary at the end, showing the user's answers, correct solutions, and feedback for each question. Ideal for self-assessment, the app provides an engaging and user-friendly experience for quiz takers.
-
Quiz Intro Page: The app begins with a quiz introduction page that presents essential details such as the topic of the quiz, the number of questions, quiz duration, and scoring system. This page helps the user understand the structure of the quiz before they start.
-
Timer: A built-in countdown timer adds an exciting time-based challenge to the quiz. It counts down from the quiz duration, providing a sense of urgency and helping users manage their time as they answer each question.
-
Multiple Choice Questions: The quiz consists of multiple-choice questions, where users select their answer from a set of options. After each selection, users are instantly shown whether their answer was correct or incorrect, allowing for immediate feedback.
-
Quiz Navigation: Users can easily navigate through the quiz by moving between questions using "Next" button.
-
Quiz Summary Page: Upon completing the quiz, users are directed to the summary page, which provides an overview of their answers. The summary includes details on both answered and unanswered questions, marking correct and incorrect answers. The summary helps users track their performance and see areas for improvement.
-
Detailed Solutions: The app provides detailed solutions to each question, showing the correct answer and an explanation of why it’s correct. This feature enhances the learning experience by helping users understand the reasoning behind the correct answers.
-
Confirmation Modal: If the quiz is already in progress, a confirmation modal prompts the user to confirm whether they want to end the quiz if they are trying to click on the header section.
-
Responsive Design: The app is designed to be fully responsive, making it accessible and functional across various devices, including desktops, tablets, and smartphones. Whether you’re at home or on the go, the app provides a smooth and user-friendly experience.
git clone https://github.com/Deepika0701/QuizApp.git
cd QuizApp- Fork it (https://github.com/Deepika0701/QuizApp.git)
- Create your feature branch (
git checkout -b feature/fooBar) - Commit your changes (
git commit -am 'Add some fooBar') - Push to the branch (
git push origin feature/fooBar) - Create a new Pull Request
