Landslaget – DevTools-øvingsapp ⚽

Fanside for det norske landslaget på vei mot VM 2026 – med 15 bevisste feil du skal finne og fikse med nettleserens DevTools.

Kom i gang

Krever Node 18+.

npm install
npm run dev

npm run dev starter to prosesser:

• Vite (React-appen) på http://localhost:5173
• server.js (API + bilder) på port 3000 – Vite proxier /api/* og /images/* dit

⚠️ Åpne alltid 5173, ikke 3000. Bruk et rent Chrome-profil/inkognitovindu – utvidelser støyer i Network-fanen og ødelegger Lighthouse-score.

Oppgavene

Åpne OPPGAVER.md. Symptomene er beskrevet der, med gradvise hint per oppgave. FASIT.md er for kursholder – ikke kikk. 🙂

Struktur

server.js              API + bildeserver (ingen avhengigheter, port 3000)
images/                Bilder (serveres via /images/* gjennom proxyen)
public/                Statiske filer Vite serverer direkte (analytics.js)
index.html             HTML-skallet
src/
  components/          React-komponentene
  data/                Spiller- og kampdata
  styles/              base.css → components.css → layout.css

Rekkefølgen på CSS-importene i src/main.tsx har betydning: base.css → components.css → layout.css.

Bildene er plassholdere – bytt gjerne ut filene i images/ med ekte bilder (behold filnavnene).