Skip to content

It is a single-page Quiz app created using React. It fetches 5 questions from the Open Trivia Database API. After submitting the answers, it displays the correct answers and the score of the user. Also, it is equipped with a dark mode feature.

Notifications You must be signed in to change notification settings

Shangsit/BrainBuster

Repository files navigation

BrainBuster - A Quiz App

It is a single page quiz app created using React. It randomly fetches 5 questions from Open Trivia Database API and displays it. After submitting the answers, it shows the correct answers and score of the user. The user can again play it, by clicking the Play Again button. This time the user will get a new set of 5 questions.

Prerequisites for running locally

node >= 5.5.0 npm >= 9.3.0 VS code Live Server extension of VS code

Run Locally

This project can be run locally using npm, VS code, and the live server extension of VS code. Clone the project

  git clone https://github.com/Shangsit/BrainBuster.git

Go to the project directory

  cd BrainBuster

Install dependencies

  npm install

Start the server

  npm run watch

Then open the app using Live Server.

Tech Stack

React, Javascript, HTML, CSS

API used

https://opentdb.com/

Screenshots

Screenshot (837)

Screenshot (838)

Screenshot (839)

Screenshot (840)

About

It is a single-page Quiz app created using React. It fetches 5 questions from the Open Trivia Database API. After submitting the answers, it displays the correct answers and the score of the user. Also, it is equipped with a dark mode feature.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages