Skip to content

ShyLee873/BrainBash

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧠 BrainBash

BrainBash is a lightweight React quiz app that fetches trivia questions from the Open Trivia Database and challenges players to test their knowledge across categories and difficulty levels.

The project was built as a way to experiment with React state management, API integration, and UI features while continuously improving the application through small iterative updates.

🚀 Live Demo: https://brainbash.io


🚀 Features

  • Multiple-choice questions from a wide range of categories
  • Difficulty selection: Easy, Medium, Hard
  • Choose how many questions to answer
  • Instant feedback for correct/incorrect answers
  • Score summary with percentage and encouragement
  • Recap table with user answers and correct ones
  • Restart quiz anytime with “Play Again”
  • Sound effects for right/wrong answers (mute toggle coming soon!)
  • Fully responsive and mobile-friendly design
  • Light / Dark mode toggle

🛠️ Tech Stack

  • React (Create React App)
  • JavaScript (ES6+)
  • HTML5 / CSS3
  • Open Trivia API
  • Custom audio effects

📦 Installation

  1. Clone the repo:
    git clone https://github.com/your-username/brain-bash.git
    cd brain-bash
    
  2. Install dependencies:
    npm install
    
  3. Start the app:
    npm start
    

About

React Quiz app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors