Quiz App React Vite Tailwind

# quiz-app-react-vite-tailwind A simple Quiz App built with React.js, Vite, and Tailwind CSS. Features a question bank, a timer for each question, and a scoring system. Users can retry the quiz after completion.

Features

• Question Bank: Loads questions from a JSON file.
• Timer: Each question has a 10-second timer.
• Scoring: Tracks the user's score.
• Retry Quiz: Allows users to restart the quiz after completion.
• Progress Bar: Shows the user's progress in the quiz.
• Feedback: Highlights correct and incorrect answers.

Technologies Used

• React.js
• Vite
• Tailwind CSS

  How to Run

1. Clone the repository:

        git clone https://github.com/qaisersofficial/quiz-app-react-vite-tailwind.git 
   

2. Install dependencies:

       npm install 
   

3. Start the development server:

       npm run dev
   

4. Open the app in your browser at http://localhost:5173.

   Deployment

   This app is deployed using GitHub Pages. You can access the live version here: Live Demo

   Commit History

5. Initialize Project: Set up Vite, React, and Tailwind CSS.

6. Add Question Bank: Added a JSON file with sample questions.

7. Create Basic Quiz Layout: Built the basic structure of the quiz.

8. Add Timer Component: Added a reusable timer for each question.

9. Add Button Component: Created a reusable button component.

10. Add Result Component: Added a component to display the final score.

11. Add Question Component: Moved question logic to a separate component.

12. Add Progress Bar: Added a progress bar to show quiz progress.

13. Add Feedback: Highlighted correct and incorrect answers.

14. Shuffle Questions: Randomized questions for each attempt.

    License

    This project is open-source and available under the MIT License.