AquaClash ScoreApp
AquaClash is SLIIT's annual inter-university swimming championship. In 2024, the swimming team captain reached out about building a real-time scoring web application to replace the manual paper scoring used during previous meets.
The problem
A university swim meet involves dozens of individual and relay events happening back-to-back. With paper heat sheets and manual calculation, keeping track of overall university rankings was slow and prone to errors. Swimmers, officials, and spectators at the pool had no direct way to follow live standings between races.
How it works
The goal was to make score updates instant and accessible on mobile devices for anyone at the venue:
- Public live scoreboard: Spectators and swimmers can follow race results and university standings in real time without creating an account.
- Organizer admin panel: Event officials sign in with Google to enter race placements as events finish.
- Real-time updates: Scores update immediately across all connected devices using Supabase real-time subscriptions, without requiring manual refreshes.
- Automated scoring: The system automatically computes university point totals for both individual and relay events based on final placements.
Poolside usability
Because officials and spectators used the app poolside on their phones, the interface was designed with high contrast and readable tables. Officials could record race placements within seconds of an event ending, and updated point totals reflected across the board immediately.
Tech stack
- Frontend: Next.js App Router with Tailwind CSS
- Backend and Auth: Supabase database with Google authentication
- Deployment: Vercel