Everyone places one pixel at a time on a shared canvas
Beginner10h1–2
Socket.IOCanvas
17/20Live Tournament Bracket
Run a tournament with live brackets and score reporting.
Beginner8h1–2 people16/20 fit
Build Live Tournament Bracket for esports clubs and event organisers in ~8h with 1–2 people. Stack: Next.js + Supabase.
Why it wins: Useful at every gaming event.
Build flow
01 · Problem
Tournaments are run on spreadsheets.
02 · Solution
Create brackets, let players report scores, update live and show schedules on a big screen.
03 · Build
- 1Model brackets
- 2Report scores
- 3Realtime updates
- 4Display
04 · Demo
Report a score and watch the bracket update.
MVP checklist
- Bracket types
- Score reporting
- Live view
- Schedules
Tech stack
| Tech | Role | |
|---|---|---|
| Next.js | Frontend + API routes | Web |
| Supabase | Tooling | Tool |
Related ideas
More GamingGaming
Campus GeoGuessr
Guess where on campus a photo was taken
Beginner10h1–3LeafletNext.js17/20Gaming
AI Guesses Your Drawing
Draw something and race to make the AI guess it
Beginner10h1–2Transformers.jsCanvasNext.js17/20