Skip to content

A dynamic quiz web application developed using the power of React. Challenge yourself with React Framework quizzes, track your scores, and enjoy a seamless user experience. Learn, play, and explore new horizons through interactive quizzes!

Notifications You must be signed in to change notification settings

krishandeep17/react-quiz-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Quiz App

Welcome to the React Quiz App! This web application allows users to participate in interactive quizzes on React. Built using React, this app offers an engaging way for users to test their knowledge and learn new facts.

Experience the React Quiz App for yourself by visiting https://react-quizzler.netlify.app.

Features

  • Multiple Choice Questions: Each quiz consists of multiple-choice questions to challenge participants.
  • Timer: A countdown timer adds excitement to the quizzes, encouraging quick thinking and engagement.
  • Instant Feedback: Users receive immediate feedback on their answers, with correct answers highlighted.
  • Score Tracking: The app tracks and displays the user's score as they progress through the quiz.
  • Responsive Design: The application is designed to work seamlessly on different devices and screen sizes.

Installation

  1. Clone the repository: git clone https://github.com/krishandeep17/react-quiz-app.git
  2. Navigate to the project directory: cd react-quiz-app
  3. Install the dependencies: npm install

Usage

  1. Start the server: npm run server
  2. Start the application: npm start
  3. Open your web browser and visit http://localhost:3000.
  4. Choose a quiz from the available options.
  5. Read each question carefully and select your answer.
  6. After answering all the questions, view your score and the high score.

Customization

  • Adding Quizzes: You can easily add new quizzes in the src/data/questions.json file. Each quiz should follow the provided format.
  • Styling: Customize the styling by modifying the CSS file src/styles.css to match your desired look and feel.

Contributing

Contributions are welcome! If you have suggestions, bug reports, or feature requests, please open an issue on the GitHub repository.

Contact

For any inquiries or questions, please reach out to [email protected].

Feel free to modify this README.md file to fit your specific project and add any additional sections or information as needed. Enjoy using the React Quiz App for fun and learning!

About

A dynamic quiz web application developed using the power of React. Challenge yourself with React Framework quizzes, track your scores, and enjoy a seamless user experience. Learn, play, and explore new horizons through interactive quizzes!

Topics

Resources

Stars

Watchers

Forks