/Mind_Quiz

This interactive platform is built with React, Tailwind CSS, and an API fusion to deliver an immersive quiz experience. Dive in and explore the fascinating realm of coding challenges tailored just for you.

Primary LanguageJavaScript

Mind Quiz

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5

Description

Mind Quiz is an interactive web application built to challenge and enhance your programming knowledge. Users can select their preferred category, set the number of questions, and choose the difficulty level. With a sleek modal interface for answering questions and a progress bar to track their final score, users can dive deep into the world of coding challenges.

Technologies Used

  • ReactJS
  • Axios
  • React Router DOM
  • Tailwind CSS
  • Context API
  • React Circular Progress Bar
  • dotenv

Features

  • Users can choose their preferred category, number of questions, and difficulty level.
  • Modal interface for answering questions.
  • Progress bar to visualize final score.
  • History feature to track previous quizzes.

Installation

  1. Clone the repository.
  2. Install dependencies using npm install.
  3. Set up environment variables using dotenv.
  4. Run the app with npm start.