Scoracle

Tippa fotbolls-VM och tävla mot dina vänner

Scoracles logotyp mot en fotbollsarena

Omfattning

Idé, design, utveckling, release

Byggd med

Codex (OpenAI)

Plattform

Webb

Teknik

Next.js, React, TypeScript, Tailwind CSS, Supabase, PostgreSQL, Zod, Vitest, Playwright, ESLint, Prettier, pnpm, Vercel

Tidsram

Ca 40-60 h

Vad Scoracle är

En webbsida där användare kunde tippa matcher i fotbolls-VM 2026. Användare kan skapa ligor och tävla mot sina vänner, familjemedlemmar och kollegor. Sidan inkluderar även ett komplett spelschema, ställningen i gruppspelet samt slutspelsträd.

Startsidan i Scoracle med kommande matcher att tippa

Tävla mot dina vänner

Varje användare kan skapa eller gå med i ligor. Man kan delta i flera ligor tillsammans med olika grupper, till exempel familjen, vänner och jobbet. Spelare får fyra poäng för att ha tippat korrekt resultat, 3 för korrekt målskillnad, och 2 för korrekt utfall (rätt vinnarlag eller oavgjort).

Scoracle har utöver detta även en allmän liga, där alla användare på sidan kämpar om totalsegern.

Ligatabell där vänner tävlar mot varandra

Tippa runda för runda

Matcherna tippas omgång per omgång. Fram till deadlinen för omgången som sker en halvtimme innan matchstart går det bra att ändra sina tips så mycket man vill. Ett påminnelsemail skickas ut på den sista dagen till de som ännu inte lagt in sina tips.

Tipsvyn där matcherna i omgången fylls i

Full koll på läget

Matchlistan uppdaterades kontinuerligt under turneringens gång med alla matcher och resultat, såväl som ställningen i gruppspelet och slutspelsträdet.

Spelschema med gruppspelstabeller och slutspelsträd

Varför Scoracle skapades

Vi var ett gäng som ville tävla i att tippa fotbolls-VM på kontoret, men gillade ingen av de befintliga siterna som erbjöd funktionaliteten, då de ofta hade utdaterad eller tråkig användarupplevelse eller krävde betalning för att delta. För att utmana mig själv och lära mig om hur jag på egen hand kan omvandla min design till fungerande kod skapade jag Scoracle med hjälp av Codex. Längs vägen lärde jag mig mycket om att jobba med AI-driven utveckling och om teknologin bakom web-appar. Alla som ville var välkomna att skaffa ett konto och skapa ligor med sina bekantskapskretser, och i slutändan var vi drygt 50 personer som gjorde upp om slutsegern i total-ligan. Siten förhöjde matchupplevelsen under VM då man alltid hade något att hoppas på i varje match, och spelschemat samt slutspelsträdet kom till god användning för att hålla koll på vem som spelade när. Scoracle är förberedd för att uppdateras inför framtida fotbollsmästerskap, förhoppningsvis med ännu fler användare.

Sebastian Troedson, designer på Intunio

Sebastian Troedson

Designer