Quiz Application using React js
Demo : https://quiz-app-in-react.vercel.app/
This is the First Project for React Series in Web Development Tutorial.
This is a quiz app built using React with Material UI, MDBBootstrap, React-Bootstrap, and Redux. The app uses a quiz API to generate 10 questions per quiz. Each correct answer gives the user a score of 10.
ScreenShots :
-
HomePage of the App.
-
Asking User Name.
-
Quiz Page.
-
Quiz Page when Wrong Option Selected.
Installation :
To use the app, follow these steps:
- Clone the repository to your local machine.
- Install the necessary dependencies by running npm install in your terminal.
- Create a .env file in the root directory and include the API key for the quiz API in the following format: REACT_APP_QUIZ_API=your_api_key_here.
Usage - To run the app, use the command npm start in your terminal. The app will open in your browser at http://localhost:3000.
Usage :
The user will be prompted to enter their name before starting the quiz. The quiz consists of 10 multiple-choice questions. The user will receive immediate feedback on their answers, and their score will be displayed at the end of the quiz.
Dependencies
- React
- Material UI
- MDBBootstrap
- React-Bootstrap
- Redux
- Axios
Contributing
If you would like to contribute to this project, please create a pull request. All contributions are welcome.
License
This project is licensed under the MIT License. See the LICENSE file for more information.