Skip to content

React base Quiz application built with Material-UI and Trivia API, allows users to test their knowledge on a variety of topics.

Notifications You must be signed in to change notification settings

suongfiori/react-quiz-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Quiz App

This is a quiz application built with React.js that allows users to test their knowledge on a variety of topics. The app features multiple-choice questions with feedback on correct and incorrect answers, as well as a score points counter that tracks the user's progress throughout the quiz.

Features

✔️ Multiple-choice questions with randomized answers being called from Trivia API

✔️ Feedback on correct and incorrect answers

✔️ Score points counter that tracks the user's progress throughout the quiz

✔️ Option to restart the quiz after completion

Technologies Used

JavaScriptReact HTML5 CSS3

Libraries Used

➡️ React Router: https://reactrouter.com/

➡️ Material UI: https://material-ui.com/

API Used

API: https://opentdb.com/api.php?amount=10

Installation

React Router: npm install react-router-dom

Usage

To use the app, simply click on the Start Quiz ▶️ button on the home page to begin. The quiz will consist of multiple-choice questions with randomized answers. Select your answer and click Next ⏩ to proceed to the next question. Once the quiz is complete, you will see your score and have the option to restart the quiz.

Screenshots

Home Page


Page Loading...


Quiz Page


Correct answer


Incorrect selected answer


About

React base Quiz application built with Material-UI and Trivia API, allows users to test their knowledge on a variety of topics.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published