Shangsit/BrainBuster

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.

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