🐝 Quiz Bee!

A web-based quiz application built with Vue 3, TypeScript, and Tailwind CSS. Features timed questions, score tracking, anti-cheat protection, and dynamic trivia from the Open Trivia Database API.

✨ Features

• 🎯 Dynamic Questions - Fetches random trivia from Open Trivia DB
• ⏱️ 25-Second Timer - Fixed time limit per question to prevent cheating
• 🛡️ Anti-Cheat Protection - Tab switch detection, copy/paste blocking, right-click disable
• 📊 Score Tracking - Real-time score and progress bar
• 🎨 Modern UI - Clean, responsive design with Tailwind CSS
• 👤 Player Registration - Custom name, category, and difficulty selection
• 📱 Responsive - Works on desktop, tablet, and mobile devices
• 🔒 No Backend - Pure frontend, deploy anywhere

🚀 Live Demo

Play Quiz Bee

🛠️ Tech Stack

• Vue 3 - Composition API with TypeScript
• Tailwind CSS - Utility-first styling
• Open Trivia DB - Free trivia API
• Axios - HTTP client
• Vite - Build tool

📦 Installation

# Clone the repository
git clone https://github.com/jvanp/Quiz-Bee.git

# Navigate to project
cd Quiz-Bee

# Install dependencies
npm install

# Start development server
npm run dev