Almabetter-QUIZ-APP

About MyQuiz-App

Overview

MyQuiz-App is a web application designed to allow users to create and play custom quizzes. The application is up into four main modules:

• Home
• Create Quiz
• My Quiz
• Authentication
• Play Quiz
• Result Quiz

Home

The home module provides users with several options, including the ability to create a quiz, view their existing quizzes, and play a quiz.

Create Quiz

The create quiz module allows users to create their own custom quizzes by adding questions and answers.

My Quiz

The My Quiz module displays all the quizzes created by the user in a table format.

Authentication

The authentication module allows users to log in to the application and play quiz.

Play Quiz

The play quiz module allows users to select a quiz and play it.

Result

Finally, the playQuiz module allows users to play quizzes created by other users or their own saved quizzes. The app keeps track of the user's scores and displays them at the end of each quiz in result page.

Technologies Used

• Reactjs( React Router ),
• CSS (using Material UI)
• Redux, Redux Thunk Toolkit,
• React-Toastify

Installation

To install the application, follow these steps:

• Clone the repository to your local machine.
• Navigate to the project directory.
• Run npm install to install the project dependencies.
• Run npm start to start the application.

Deployment

Visit my website for a Quiz App by clicking the link.

https://quiz-app-sigma-two.vercel.app/

Watch Explanation video

https://drive.google.com/file/d/13rCHgkJF0Iz2-TocWFmdoCyGABFbJdAg/view?usp=share_link

Features

• Add More Input Box (Button)

• Delete button (icon)

• Edit(update) button (icon)

• View button (icon)

• See all (Button)

• Back Button

• close button

Conclusion

MyQuiz-App is a powerful tool for creating and playing custom quizzes. With its intuitive interface and powerful features, it's the perfect solution for anyone looking to create engaging quizzes for their users.