Responsive Quiz Web App

In this video, I’m excited to share a preview of my Responsive Quiz Web App, built using ReactJS and TailwindCSS. This application provides users with a fun and engaging way to test their knowledge across various programming categories.

Features

• Dynamic Quiz Fetching: The app retrieves quizzes from QuizAPI, ensuring a wide range of questions in multiple programming categories.
• User-Friendly Interface: Designed with TailwindCSS for a sleek and modern look, enhancing the overall user experience.
• Three Main Screens:
  • Homepage: A welcoming introduction to the app, providing navigation options.
  • Categories List Page: A comprehensive view of available quiz categories for users to choose from.
  • Interactive Quiz Page:
    • Timer for each question to add a challenge.
    • Multiple-choice options for user interaction.
    • Summary of correct answers displayed upon quiz completion.

Live Demo

Experience the app in action: Live Demo

Technologies Used

• Frontend: ReactJS, TailwindCSS
• API: QuizAPI

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/pawantech12/quiz-app-using-reactjs.git

2. Navigate to the project directory:

   cd quiz-app-using-reactjs

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and navigate to http://localhost:5173.

Contributing

Contributions are welcome! If you have suggestions for improvements or additional features, feel free to fork the repository and submit a pull request.

License

This project is free to use.

Acknowledgements

• Special thanks to the creators of QuizAPI for providing a robust quiz database.
• Thanks to the community for inspiration and support.