Juiste winnaar of gelijkspel
Goed bij thuiswinst, uitwinst of gelijkspel.
100 / 100
WedstrijdWeek opnieuw opgebouwd
Een schone basis voor voorspellingen, clubs, standen en vriendenklassementen.
De databasebasis staat, de scorelogica is getest, en dit is nu de eerste echte website-setup in Next.js en TypeScript. Vanaf hier kunnen we gericht pagina's gaan ontwerpen zonder de fundering opnieuw te moeten aanraken.
Nu klaar
- Next.js + TypeScript basis
- Supabase helperstructuur
- Puntenlogica als gedeelde utility
Logische volgende pagina's
- Onboarding voor favoriete club
- Competitie-overzicht per speelronde
- Clubpagina met voorspellingen
Punten tester
Controleer meteen of de score-opbouw goed voelt
Deze pagina gebruikt dezelfde puntensystematiek als het schema in Supabase. Zo kunnen we inhoud en UX alvast scherp krijgen voordat we de rest van de pagina's bouwen.
Voorspelling
-
Echte uitslag
-
Wedstrijd: Groningen tegen Ajax
Favoriete club: Ajax
Voorspelling 1-3, echte uitslag 0-2
Totaal
100 punten
Goals favoriete club
Exact aantal goals van je favoriete club.
0 / 25
Goals tegenstander
Exact aantal goals van de tegenstander.
0 / 25
Doelsaldo 1 ernaast
Bonus als het voorspelde doelsaldo exact 1 verschilt.
0 / 25
Exacte uitslag
Volledige uitslag precies goed.
0 / 75
Stack
Websitebasis in TS/TSX
Dit project draait nu in de structuur die later ook geschikt blijft voor login, Supabase data, routing en interactie.
Supabase
Helpers staan klaar
Zodra je je environment variables invult, kunnen we de eerste echte reads en writes aansluiten op de database.
Volgende stap
Pagina's uitwerken
Jouw ideeën voor homepage, onboarding, competitiepagina en clubpagina kunnen we nu direct in deze structuur bouwen.
Zet straks je Supabase keys in .env.local. Ik heb alvast een .env.example in de root klaargezet zodat we de koppeling in de volgende stap snel kunnen afronden.