Home / Projects / QuizQuarters All projects
Web · Real-time Multiplayer
QuizQuarters
A real-time multiplayer quiz app built to explore Socket.IO and event-driven communication.
Role
Designer and developer
Timeline
Context
Independent project
Status
Live demo available.
ReactNode.jsExpressSocket.IOTailwind CSS
Overview
A real-time multiplayer quiz app built to explore Socket.IO and event-driven communication.
Problem
Most quiz experiences feel disconnected when players answer from separate devices, with no shared sense of progress or competition.
What I built
- Real-time multiplayer quiz rooms where players can join and compete together.
- Live participant lists and leaderboard updates synchronized through Socket.IO.
- Host-controlled questions with multiple-choice answers and a countdown timer for each question.
- Automatic participant synchronization when players disconnect.
Architecture
React client → Socket.IO event layer → Node.js/Express server → synchronized quiz room state and player updates.
Key technical decisions
- Used event-driven Socket.IO communication to keep question progress, timers, answers, and participant state synchronized across connected clients.
Challenges and how I solved them
- Keeping participant state accurate as players joined, answered, and disconnected in the middle of a live quiz.
Outcome
A working real-time multiplayer quiz experience hosted at quiz-quaters.vercel.app.
What I would improve next
Add persistent quiz history, richer host controls, and more game modes.