Live
Showstoppers QR Voting System
A real-time audience voting and live-tallying web application built for the "Are You The Next Showstopper?" talent showcase. Attendees scan contestant-specific QR codes to cast votes from their mobile devices, while judges and organizers track results in real-time on a secure admin dashboard.
QRVoting SystemAdmin DashboardFraud MitigationReactTypeScriptTailwindViteTursoResponsiveMobile First
Live · Showstoppers QR Voting SystemOpen in new tab ↗
Project Overview
This application was designed to solve the friction of live event audience voting by replacing physical ballots or complex registration processes with a frictionless QR-code pipeline. Built to support a live talent show with 17 contestants, the system allows hundreds of concurrent audience members to scan a contestant's code, instantly load their profile, and submit their choice.
Core Capabilities
- Frictionless QR Entry Routes: Scanning a contestant's unique QR code routes attendees directly to a dedicated voting screen (
/vote/[contestant-id]). There is no login, app install, or email sign-up required, maximizing audience participation. - Dynamic QR Generation & Print Layouts: A dedicated
/qrdashboard automatically formats and displays printable QR cards for all 17 contestants. These cards can be printed directly and distributed at individual performer stations or integrated into the event's physical programs. - Live Tally & Judges Admin Console: Under
/admin(protected by administrator sign-in), the system aggregates votes in real-time and visualizes them on a live scoreboard. This allows judges and event directors to monitor engagement as the show progresses and immediately retrieve the final winner statistics. - Fraud Mitigation: Implements lightweight client-side session constraints to enforce a "one vote per contestant" standard, ensuring a fair distribution of votes without violating attendee privacy or adding sign-up friction.
Technical Architecture & Stack
- Frontend Framework: Built using React, TypeScript, and Tailwind CSS, bundled with Vite for near-instant page load times on spotty cellular networks typical of event spaces.
- Data & Real-time Synchronization: Leverages a cloud database back-end to persist votes instantly, updating the centralized admin dashboard dynamically via real-time hooks.
- Responsive Web Design: Optimized strictly for mobile viewport usage, ensuring readability and quick loading across standard iOS and Android built-in camera scanners.
