https://github.com/rahuljsaliaan/react-quiz

Discover React-Quiz App: Educate and entertain with this interactive quiz, enhanced by the React useReducer hook. Choose your quiz level or question count easily. Answer in 30 seconds per question for a high score. Ready to play and learn?
https://github.com/rahuljsaliaan/react-quiz

css3 javascript netlify react

Last synced: 5 days ago
JSON representation

Discover React-Quiz App: Educate and entertain with this interactive quiz, enhanced by the React useReducer hook. Choose your quiz level or question count easily. Answer in 30 seconds per question for a high score. Ready to play and learn?

• Host: GitHub
• URL: https://github.com/rahuljsaliaan/react-quiz
• Owner: rahuljsaliaan
• License: mit
• Created: 2023-08-22T17:46:36.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-11T13:15:37.000Z (about 1 year ago)
• Last Synced: 2024-12-06T09:24:41.155Z (2 months ago)
• Topics: css3, javascript, netlify, react
• Language: JavaScript
• Homepage: https://react-quiz-rahuljsaliaan.netlify.app/
• Size: 198 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React-Quiz App

[![Netlify Status](https://api.netlify.com/api/v1/badges/1205d847-b4c3-4e33-9ea3-c807bb5df1fd/deploy-status)](https://app.netlify.com/sites/react-quiz-rahuljsaliaan/deploys)

Welcome to React-Quiz App, where learning meets fun! This engaging quiz application, powered by the React `useReducer` hook, lets you put your knowledge to the test. With a user-friendly interface, you can select your preferred difficulty level or choose the number of questions. Time is of the essence as you have 30 seconds per question to prove your expertise and earn a high score. Are you up for the challenge?

## Live App

Dive into the world of quizzes with the React-Quiz App. Experience it firsthand by exploring the live demo of the project [🧠 Start Quizzing Now! 🎯](https://react-quiz-rahuljsaliaan.netlify.app/).

## Features

- **Interactive Quizzing:** Engage in an interactive quiz experience that challenges your knowledge across various topics and difficulty levels.

- **Difficulty Selection:** Tailor your quiz experience by choosing a difficulty level: easy, medium, hard, or a mix of all.

- **Timer:** Questions have to be answered within the time limit, adding excitement and urgency to your answers.

- **Highscore Tracking:** Test your memory and learning speed by aiming for a high score with every quiz attempt.

## How to Play

1. **Select Difficulty:** On the React-Quiz App homepage, choose your desired difficulty level or number of questions from the selection options.

2. **Answer Questions:** As each question appears, think fast and provide your answer within the time limit.

3. **Earn Highscore:** Rack up points with each correct answer and aim to beat your highscore with each round.

## Technologies Used

- React

- CSS3

- JavaScript

- Netlify (for deployment)

---

Thank you for joining us on the React-Quiz App journey! Test your knowledge, challenge your memory, and have fun while learning. If you have any questions or feedback, feel free to reach out. Best of luck, and may your highscore soar! 🏆🧠🕐