https://github.com/kumarabhishek188/online-quiz-platform-react
Online Quiz Platform
https://github.com/kumarabhishek188/online-quiz-platform-react
bootstrap5 quizapp reactbootstrap reacthooks reactjs reactrouter redux
Last synced: 6 months ago
JSON representation
Online Quiz Platform
- Host: GitHub
- URL: https://github.com/kumarabhishek188/online-quiz-platform-react
- Owner: kumarabhishek188
- Created: 2025-03-06T12:45:33.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-03-06T13:19:46.000Z (10 months ago)
- Last Synced: 2025-03-06T14:23:21.718Z (10 months ago)
- Topics: bootstrap5, quizapp, reactbootstrap, reacthooks, reactjs, reactrouter, redux
- Language: JavaScript
- Homepage: https://online-quiz-platform-react.netlify.app/
- Size: 8.91 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Online Quiz Platform
Welcome to the Online Quiz Platform! This is a React-based application designed to provide an engaging and interactive quiz experience. The platform utilizes a quiz API to generate multiple-choice questions dynamically, offering a fun and competitive environment for users.
## Features
- **Dynamic Questions:** Automatically fetches 10 questions using a quiz API with Timer.
- **Immediate Feedback:** Provides real-time feedback on whether the selected answer is correct or incorrect.
- **User-Friendly UI:** Built with Material UI, MDBBootstrap, React-Bootstrap, and Redux for a clean, modern, and responsive interface.
- **Scoring System:** Tracks and displays the user’s score at the end of the quiz.
---
## Installation
Follow these steps to set up the application on your local machine:
1. **Clone the Repository:**
```bash
git clone https://github.com/your-repository/Online-Quiz-Platform-React.git
cd Online-Quiz-Platform-React
2. Install Dependencies:
```bash
npm install
```
3. Set Up Environment Variables:
```bash
Create a .env file in the root directory.
Visit the quizapi.io website and log in. After logging in, go to the Free API section. The website will automatically generate an API key for you. Copy the key and paste it into the .env file like this:
REACT_APP_QUIZ_API=your_api_key_here
```
## Usage:
1. Start the Application:
Run the following command to start the development server:
```bash
npm start
```
2. Using the Platform:
-Enter your name to begin the quiz.
-Answer 10 multiple-choice questions with Timer.
-Receive immediate feedback on your answers.
-View your final score at the end of the quiz.
## Dependencies:
This application relies on the following technologies and libraries:
- React - JavaScript library for building user interfaces.
- Material UI - React components for faster and easier web development.
- MDBBootstrap - Material Design for Bootstrap.
- React-Bootstrap - Bootstrap components built with React.
- Redux - State management library for React applications.
- Axios - Promise-based HTTP client for making API requests.
## Contact:
- DEMO : https://online-quiz-platform-react.netlify.app/
- Email: abhishekkumarada12@gmail.com
- LinkedIn: https://www.linkedin.com/in/abhishek-kumar-92157823a/