https://github.com/devil-1964/quizreact

"React Quiz App: Utilizes React components, state management, and API integration to create an interactive quiz experience for users."
https://github.com/devil-1964/quizreact

javascript reactjs

Last synced: 4 months ago
JSON representation

"React Quiz App: Utilizes React components, state management, and API integration to create an interactive quiz experience for users."

• Host: GitHub
• URL: https://github.com/devil-1964/quizreact
• Owner: devil-1964
• Created: 2024-05-23T14:11:15.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-10-23T04:00:10.000Z (almost 2 years ago)
• Last Synced: 2025-01-21T22:36:32.383Z (over 1 year ago)
• Topics: javascript, reactjs
• Language: JavaScript
• Homepage: https://quiz-react-omega.vercel.app
• Size: 82 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎯 Quiz App 🎯

The Quiz App is a simple React application that fetches quiz questions from an API and allows users to answer them.

![image](https://github.com/user-attachments/assets/b20d3619-4f8f-44a1-809b-4efc1c3750ad)

![image](https://github.com/user-attachments/assets/171ff4b3-eda7-4c97-a30d-a73dbd66cce2)

![image](https://github.com/user-attachments/assets/24e02eb5-7e3a-4228-8585-fc65b2e6942e)

![image](https://github.com/user-attachments/assets/1be9b36d-e14e-43d1-9d2a-af04901c9912)

## Quiz Component

The `Quiz` component displays quiz questions fetched from the API. It handles user interactions, tracks the score, and displays the final score at the end.

### Features

- 🔄 Fetches quiz questions from an external API using React Query.

- 🎮 Handles user interactions for answering quiz questions.

- 📊 Tracks the score and displays the final score at the end of the quiz.

### Usage

1. 🚀 Start the application.

2. 🔄 The application will automatically fetch quiz questions from the API.

3. 📝 Answer each question by selecting one of the provided options.

4. 🏁 At the end of the quiz, the application will display your final score.

### Technologies Used

- **React**: JavaScript library for building user interfaces.

- **React Query**: Library for managing server-state in React applications.

- **HTML/CSS**: Used for structuring and styling the UI.

### Conclusion

The Quiz App demonstrates how to fetch data from an external API and integrate it into a React application. It provides a fun and interactive way for users to test their knowledge while showcasing various React concepts and libraries.

🚀 Start the Quiz App and see how well you can do!