Full-Stack · 2026 Completed

World Cup Predictor 2026

A real-time football prediction platform where users predict exact scores, knockout advancement, and the champion, then compete on global and private leaderboards.

  • React
  • Vite
  • Tailwind CSS
  • Supabase
  • PostgreSQL
  • Row Level Security
  • GitHub Actions
  • GitHub Pages
Dashboard overview with missing predictions, score totals, and next kickoff.
Fixture board with filters, prediction status, and score entry.
Live match view with score, timeline state, event log, and locked prediction controls.
Personal predictions view with tournament pick, bracket callout, and result filters.
Global scoreboard with rank, point breakdowns, and leaderboard cards.
Bracket prediction flow with round locks, max points, and grouped team selection.
Admin dashboard for fixture sync, result management, and bracket recalculation.

Features

  • Exact-score predictions per match
  • Prediction locking at kickoff
  • Global leaderboard
  • Private groups
  • Champion and bracket predictions

Challenges

  • Preventing users from editing predictions after a match starts.
  • Keeping scoring logic trustworthy without a dedicated application server.
  • Synchronising live scores and goal events into prediction results.

Solutions

  • Enforced prediction locking with server-side checks tied to kickoff time.
  • Moved scoring into protected database logic so points cannot be tampered with.
  • Used Supabase Row Level Security to isolate each user's data.

Security

  • Row Level Security on every user-owned table.
  • Predictions immutable after lock time.
  • Authenticated access required for writes.