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.

QuizQuarters screenshot placeholder
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.

QuizQuarters architecture diagram placeholder

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.