Skip to content

Quiz Zone is a dynamic and engaging quiz web application, offering customizable quizzes on a variety of topics including Games, Mathematics, Anime, and more. Built with React and styled with TailwindCSS, this app provides users with a fun and user-friendly experience to test their knowledge across different subjects.

License

Notifications You must be signed in to change notification settings

alizaid91/quiz-zone

Repository files navigation

Quiz Zone 🧠🎮

Quiz Zone is a dynamic and engaging quiz web application, offering customizable quizzes on a variety of topics including Games, Mathematics, Anime, and more. Built with React and styled with TailwindCSS, this app provides users with a fun and user-friendly experience to test their knowledge across different subjects.

🚀 Features

Customizable Quizzes: Choose from a wide range of topics and difficulty levels to suit your interests.

Persistence: Your quiz progress is saved across sessions and refreshes.

User-Friendly Interface: A clean and intuitive UI for an enjoyable quiz experience.

Real-Time Timers: Keep track of your progress with question-specific timers.

Detailed Quiz Summaries: Receive a summary of your answers at the end of each quiz, including scores and insights.

Smooth Transitions: Interactive animations and responsive design for a seamless experience.

📸 Demo

Check out the live version here: Quiz Zone Live

🛠️ Tech Stack

Frontend: Javascript, React, TailwindCSS

API: Open Trivia Database API for fetching trivia questions

🧩 Installation

Clone this repository: git clone https://github.com/alizaid91/quiz-zone.git

Navigate to the project directory: cd quiz-zone

Install dependencies: npm install

Run the app locally: npm run dev

🔧 Usage

Select a Category: Choose your quiz topic from options like Games, Mathematics, and Anime.

Customize the Quiz: Set your preferred difficulty level and question type (multiple-choice or true/false).

Complete the Quiz: Answer each question within the time limit, and track your progress.

Review Your Results: View a detailed summary of your answers, score, and correct answers at the end.

📈 Future Improvements

Realtime Quiz on Multiple devices 📱: In this feature one user can create a custamized quiz and share the unique like with other user so they can give the quiz in Realtime. This feature will be implemented using Firebase.

AI Powered Quizes on any topic 🤖 : an advaned section where user can prompt AI to create a prosonalized Quiz on any topic, AI will create a curated quiz based on the users prompt.

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.

Give Quiz Zone a try, and enjoy the challenge!

About

Quiz Zone is a dynamic and engaging quiz web application, offering customizable quizzes on a variety of topics including Games, Mathematics, Anime, and more. Built with React and styled with TailwindCSS, this app provides users with a fun and user-friendly experience to test their knowledge across different subjects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published