https://github.com/guptakshitij2308/quizzy
It is a quiz app built using react useReducer hook for performance optimization. Users can select different options for the questions and the correct answers will be diplayed.Along with this their score and progress is also tracked. Moreover a timer is also run with the help of useEffect hook. At the end result of the quiz is displayed in percent.
https://github.com/guptakshitij2308/quizzy
hooks reactjs usecontext useeffect usereducer usestate
Last synced: about 1 year ago
JSON representation
It is a quiz app built using react useReducer hook for performance optimization. Users can select different options for the questions and the correct answers will be diplayed.Along with this their score and progress is also tracked. Moreover a timer is also run with the help of useEffect hook. At the end result of the quiz is displayed in percent.
- Host: GitHub
- URL: https://github.com/guptakshitij2308/quizzy
- Owner: guptakshitij2308
- License: mit
- Created: 2023-10-12T06:03:27.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-10T18:00:04.000Z (over 2 years ago)
- Last Synced: 2025-01-21T15:22:15.930Z (over 1 year ago)
- Topics: hooks, reactjs, usecontext, useeffect, usereducer, usestate
- Language: JavaScript
- Homepage: https://quizzy-pi.vercel.app/
- Size: 351 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Quizzy
Quizzy is an interactive quiz app built using react useReducer hook for performance optimization. Users can select different options for the questions and the correct answers will be diplayed.This app provides a fun and informative way to learn more about React while practicing your skills.
Features
15 React Questions: Users will encounter 15 questions related to various aspects of React. Each question is assigned a certain number of points based on its difficulty.
Time Limit: Whole quizz has a time limit in which user have to answer all questions.
Scoring: Users will earn points for each correct answer. The points are cumulative, and at the end of the quiz, they will see the total points earned.
Results Overview: After completing the quiz, users will see an overview of their points and the percentage of correct answers. This allows them to assess their React knowledge.
Replay Option: Upon viewing the results, users have the option to restart the quiz and challenge their knowledge again.
# Getting Started with Quizzy
## Available Scripts
In the project directory, you can run:
To go to the project directory run the following command
### 'cd .\quizzy\'
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
Additional to this you need to start the JSON server in a separate terminal using the following command
### 'cd .\quizzy\'
### `npm run json-server`