A fast-paced, timed quiz application built for the HackVerse hackathon.
BrainyBlitz is a dynamic and engaging web-based quiz game designed to test your knowledge across a variety of categories. With a clean, responsive interface, a 15-second timer per question, and a live feed of questions from the Open Trivia Database API, BrainyBlitz offers endless fun and a fresh challenge every time you play.
- 8 Diverse Categories: Choose from a wide range of topics including General Knowledge, Science, History, Movies, and more.
- Live Question API: Questions are fetched in real-time from the Open Trivia Database, ensuring a unique quiz every session.
- Selectable Difficulty: Users can choose between Easy, Medium, or Hard difficulty levels before starting the quiz.
- 15-Second Timer: A visual timer bar adds a layer of excitement and challenge to each question.
- Instant Results: Get your score immediately after the quiz, with a special confetti celebration for a perfect 100%!
- Answer Review: A dedicated screen allows you to review your answers, see the correct ones, and learn from your mistakes.
- Fully Responsive: Enjoy a seamless experience on any device, from mobile phones to desktops.
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Styling: Tailwind CSS for a modern, utility-first design.
- API: Open Trivia Database (OpenTDB) for fetching quiz questions.
- Library: canvas-confetti for the perfect score celebration.
Since this is a client-side-only project, running it is incredibly simple.
- Clone the Repository:
git clone [https://github.com/amrshaikh/brainyblitz-quiz-app.git](https://github.com/amrshaikh/brainyblitz-quiz-app.git)
- Navigate to the Directory:
cd brainyblitz-quiz-app - Open
index.html:- Simply open the
index.htmlfile directly in your web browser (like Chrome, Firefox, or Edge).
- Simply open the
That's it! No complex setup or dependencies are required.
- Amr Shaikh - Developer