🧠 Next-Quiz Battle Arena

A real-time multiplayer quiz battle application where players compete against each other in AI-generated quiz challenges. Built with Next.js, NestJS, and Socket.IO for seamless real-time gameplay.

✨ Features

🎮 Core Gameplay

• Real-time Multiplayer Battles: Compete with 2-4 players in live quiz matches

• AI-Generated Questions: Dynamic quiz content powered by Google Gemini AI

• Live Scoring & Ranking: Real-time score updates and leaderboard during matches

• Time-based Competition: Performance measured by both accuracy and speed

• Custom Quiz Topics: Create personalized quiz battles on any topic

🚀 Real-time Features

• Instant Matchmaking: Quick match system to find opponents

• Live Updates: Real-time score tracking and player activity

• Battle Room System: Pre-match lobbies with countdown timers

• Socket.IO Integration: Seamless WebSocket communication

• Responsive UI: Smooth animations with Framer Motion

📊 Advanced Systems

• Redis Caching: High-performance data storage

• Comprehensive Results: Detailed match analysis with question-by-question breakdown

• Player Statistics: Track performance across multiple matches

• Room Management: Create, join, and manage private quiz rooms

🛠️ Tech Stack

Frontend (Client)

• Framework: Next.js 15 with App Router

• Language: TypeScript

• UI Components: Radix UI + Tailwind CSS

• State Management: Redux Toolkit

• Real-time: Socket.IO Client

• Animations: Framer Motion

• Form Handling: React Hook Form with Zod validation

• HTTP Client: Axios

Backend (Server)

• Framework: NestJS

• Language: TypeScript

• Cache: Redis (ioredis)

• Real-time: Socket.IO (WebSocket Gateway)

• AI Integration: Google Gemini API