Back to projects

Websites · 2026

WC26 Predictor

WC 2026 predictor — live tips, risky bets, Dream Team, tournament bracket and leaderboard.

WC26 Predictor is a World Cup 2026 tipping app built around gamification: exact score (+3), correct winner trend (+1), consolation for one side’s goals, high-risk side bets (BTTS, penalty, red card) with negative points on misses, a tactical Joker ×2 and streak bonuses (Fire). After each match you get a points receipt and peers’ results; live play adds an event timeline and a fan chat pub. Separate modules cover the tournament bracket (group tables and knockout fed by API-Football), long-term outrights (champion, top scorer, MVP) and Dream Team — one locked squad for the tournament scored on performances. Stack: Next.js (App Router) + TypeScript + Tailwind, Supabase (Auth/PostgreSQL), Server Actions and a settlement engine, Zod, deployed on Vercel.

Tech stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Supabase
  • Server Actions
  • API-Football
  • Zod
  • Vercel

Links

Live

Gallery

Player dashboard — tournament bracket, long-term bets, Dream Team and phase schedules
Player dashboard — tournament bracket, long-term bets, Dream Team and phase schedules
Knockout bracket — round of 32 and 16, API results (extra time and penalties)
Knockout bracket — round of 32 and 16, API results (extra time and penalties)
Settled match card — event timeline, points receipt, streak bonus and Joker
Settled match card — event timeline, points receipt, streak bonus and Joker
Group tables — completion status, qualifiers and match results synced from the API
Group tables — completion status, qualifiers and match results synced from the API
Dream Team on the match card — points for selected players’ performances among contestants
Dream Team on the match card — points for selected players’ performances among contestants
Special bets — champion, top scorer, MVP and knockout-phase settlement
Special bets — champion, top scorer, MVP and knockout-phase settlement