Online Quiz Application

Overview

The Online Quiz Application is a real-time quiz product for live sessions. Hosts push question updates to every participant at once; scores and the points table refresh without a page reload. Rooms keep a group on the same quiz so a class, club, or event can run a session from one URL.

React owns the player and host UI. Node.js keeps quiz state and scores synchronized across connected clients.

Problem

Classroom and event quizzes that rely on shouting answers or refreshing a static page fall apart as soon as more than a handful of people join. Hosts need to broadcast the next question; players need a live leaderboard they can trust. The product is the synchronization, not the question bank.

What I built

• Live question updates broadcast to all participants
• Real-time leaderboard and member points table
• Room-based sessions for group play
• Host and player interfaces
• Node.js backend for shared quiz state
• Responsive UI for phones in a hall or classroom

Impact

• A working live-session pattern (rooms, broadcast, scores) reusable for events and teaching
• Practice in real-time web state before later WebSocket work (DriveGuard AI dashboards)
• Demonstrates host/player role split in a small product

Key features

• Quiz rooms
• Instant question push
• Live points table
• Host controls vs player view
• Mobile-friendly layout

Technologies

React on the frontend, Node.js on the backend, with HTML, CSS, and JavaScript for the UI layer. Real-time updates keep clients in sync.

My role

Solo full-stack build: room model, live scoring, and the host/player UX.