https://github.com/pawantech12/quiz-app-using-reactjs
A fun and interactive quiz application built with ReactJS and TailwindCSS. This app fetches quizzes from QuizAPI across various programming categories, featuring a sleek homepage, a comprehensive categories list, and an engaging quiz page with a timer and multiple-choice questions. Users can track their scores and review correct answers at the end
https://github.com/pawantech12/quiz-app-using-reactjs
api axios quiz quizapi quizapp reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
A fun and interactive quiz application built with ReactJS and TailwindCSS. This app fetches quizzes from QuizAPI across various programming categories, featuring a sleek homepage, a comprehensive categories list, and an engaging quiz page with a timer and multiple-choice questions. Users can track their scores and review correct answers at the end
- Host: GitHub
- URL: https://github.com/pawantech12/quiz-app-using-reactjs
- Owner: pawantech12
- Created: 2024-09-20T05:48:47.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-28T13:15:45.000Z (over 1 year ago)
- Last Synced: 2025-01-22T17:30:18.085Z (over 1 year ago)
- Topics: api, axios, quiz, quizapi, quizapp, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://quiz-app-using-reactjs-orpin.vercel.app
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive Quiz Web App
In this video, I’m excited to share a preview of my **Responsive Quiz Web App**, built using **ReactJS** and **TailwindCSS**. This application provides users with a fun and engaging way to test their knowledge across various programming categories.
## Features
- **Dynamic Quiz Fetching**: The app retrieves quizzes from **QuizAPI**, ensuring a wide range of questions in multiple programming categories.
- **User-Friendly Interface**: Designed with **TailwindCSS** for a sleek and modern look, enhancing the overall user experience.
- **Three Main Screens**:
- **Homepage**: A welcoming introduction to the app, providing navigation options.
- **Categories List Page**: A comprehensive view of available quiz categories for users to choose from.
- **Interactive Quiz Page**:
- Timer for each question to add a challenge.
- Multiple-choice options for user interaction.
- Summary of correct answers displayed upon quiz completion.
## Live Demo
Experience the app in action: [Live Demo](https://quiz-app-using-reactjs-orpin.vercel.app/)
## Technologies Used
- **Frontend**: ReactJS, TailwindCSS
- **API**: QuizAPI
## Getting Started
To run this project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/pawantech12/quiz-app-using-reactjs.git
```
2. Navigate to the project directory:
```bash
cd quiz-app-using-reactjs
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
5. Open your browser and navigate to `http://localhost:5173`.
## Contributing
Contributions are welcome! If you have suggestions for improvements or additional features, feel free to fork the repository and submit a pull request.
## License
This project is free to use.
## Acknowledgements
- Special thanks to the creators of [QuizAPI](https://quizapi.io/) for providing a robust quiz database.
- Thanks to the community for inspiration and support.