https://github.com/sajid788/quizmaster
This is a simple Quiz App built using React.js. The app presents multiple-choice questions to users, tracks their score, and displays the result at the end.
https://github.com/sajid788/quizmaster
react-router reactjs talwindcss
Last synced: 16 days ago
JSON representation
This is a simple Quiz App built using React.js. The app presents multiple-choice questions to users, tracks their score, and displays the result at the end.
- Host: GitHub
- URL: https://github.com/sajid788/quizmaster
- Owner: Sajid788
- Created: 2025-03-04T05:46:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-04T06:23:11.000Z (about 1 year ago)
- Last Synced: 2025-03-04T07:22:31.785Z (about 1 year ago)
- Topics: react-router, reactjs, talwindcss
- Language: JavaScript
- Homepage: https://quiz-master07.netlify.app/
- Size: 7.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quiz App
## Overview
This is a simple Quiz App built using React.js. The app presents multiple-choice questions to users, tracks their score, and displays the result at the end.
## Features
- Displays multiple-choice quiz questions
- Timer for each question (15 seconds per question)
- Score tracking (only increases for correct answers)
- Shows final results at the end
- Play again option
## Technologies Used
- React.js
- React Router
- Tailwind CSS
## Installation
1. Clone the repository:
```bash
git clone https://github.com/Sajid788/QuizMaster.git
cd quizmaster
```
2. Install dependencies:
```bash
npm install
```
3. Start the development client:
```bash
npm start
```
## File Structure
```
quizmaster/
│── src/
│ ├── components/
│ │ ├── QuestionCard.js
│ │ ├── Quiz.js
│ │ ├── Result.js
│ ├── data
│ ├── App.js
│ ├── index.js
│ ├── assets/
│ │ ├── bg-quiz1.png
│ │ ├── bg-results.png
│── package.json
│── README.md
```
## Usage
1. The app starts with a multiple-choice question.
2. Users must select an answer before the timer runs out.
3. If the answer is correct, the score increases by 1.
4. The next question appears automatically.
5. After all questions are answered, the final score is displayed.
6. Users can restart the quiz.
## ScreenShots
## License
This project is licensed under the MIT License.