Innlevering 1: merge dev til main #30

tordtst · 2026-10-02T08:26:33Z

Issue

Ingen. Dette er mergen fra dev til main før første innlevering, slik
prosjektstandarden beskriver.

Endringer

Alt arbeidet til innlevering 1 (PR build(config): sett opp React, TypeScript og Vite #9–21 config klargjør første innlevering #29): oppsett, design, sidemal,
katalog med søk, filtre og sortering, detaljvisning, utleieskjema, tester og
dokumentasjon.
main har til nå bare hatt emnemalen. Etter merge viser repo-lenken
prosjektets README.

Testing

npm run typecheck
npm run lint
npm run format:check
npm test (79 tester)
npm run build
Kontrollert i nettleser i 320, 360, 768 og 1280 px uten horisontal
scrolling og uten feil i konsollen

Se sluttkontrollen i docs/testing.md.

Sjekkliste

README eller docs/ er oppdatert
KI-bruk er ført i docs/ki-bruk.md

Gi gruppen et kjørbart minimum med streng typekontroll og en enkel plassholder. TypeScript låses til 6.0.x fordi typescript-eslint ennå ikke støtter versjon 7. Refs #1 Co-Authored-By: sebasti <sebasti@stud.ntnu.no>

Beskriv Node- og npm-versjon, oppstart og kommandoer slik at alle i gruppen og medstudenter kan kjøre prosjektet likt. Refs #1 Co-Authored-By: andretg <andretg@stud.ntnu.no>

…ipt-og-vite build(config): sett opp React, TypeScript og Vite

Gi gruppen lik formatering med enkle anførselstegn, semikolon, to mellomrom og trailingComma: all. Byggfiler, avhengigheter og lockfil holdes utenfor formateringen. Refs #2 Co-Authored-By: birkjr <birkjr@stud.ntnu.no>

Oppdag vanlige feil som betingede hooks, any og ubrukte variabler tidlig. eslint-config-prettier ligger sist slik at ESLint ikke overstyrer formateringen fra Prettier. Refs #2 Co-Authored-By: sebasti <sebasti@stud.ntnu.no>

Vis hvordan lint og formatering kjøres, og hvordan ESLint og Prettier deler ansvaret. Refs #2 Co-Authored-By: andretg <andretg@stud.ntnu.no>

…ormatering build(config): sett opp linting og formatering2 config sett opp linting og formatering

Gi alle visninger samme datastruktur og samme visning av pris, kategori og tilstand. Pris er hele kroner per døgn, og 0 vises som «Gratis utlån». Refs #4 Co-Authored-By: birkjr <birkjr@stud.ntnu.no>

Gi gruppen felles, oppdiktede data å bygge katalog, detaljvisning og skjema på. Dataene dekker gratis og betalt utlån, ulik tekstlengde og annonser uten bilde. Refs #4 Co-Authored-By: sebasti <sebasti@stud.ntnu.no>

Forklar feltene, prisens enhet og hvordan manglende bilde håndteres, slik at alle bruker dataene likt og datakilden senere kan byttes. Refs #4 Co-Authored-By: andretg <andretg@stud.ntnu.no>

…felles-mockdata feat(src): definer annonsetype og felles mockdata

Gi alle visninger samme farger, typografi, avstander og synlig tastaturfokus. Fargeparene er kontrollert mot WCAG-kravene. Refs #5 Co-Authored-By: birkjr <birkjr@stud.ntnu.no>

Vis pris og gratis utlån likt overalt, med tekst og ikke bare farge. Annonsekortet viser bilde eller plassholder, tittel, område og pris som utgangspunkt for katalogen. Refs #5 Co-Authored-By: sebasti <sebasti@stud.ntnu.no>

Gi gruppen en felles visuell referanse med farger, tekst og komponenter. Siden er bare tilgjengelig med npm run dev og er ikke med i produksjonsbygget. Refs #5 Co-Authored-By: andretg <andretg@stud.ntnu.no>

Beskriv farger med kontrasttall, typografi, avstander, komponentbruk og mappestruktur, slik at alle bygger likt videre. Refs #5 Co-Authored-By: birkjr <birkjr@stud.ntnu.no>

…lag-og-visuell-referanse style(css): lag felles designgrunnlag og visuell referanse

Gi appen felles header, navigasjon og hopp-lenke, og egne ruter for katalog, detaljvisning og utleie slik at gruppen kan fylle ut hver side for seg. Fokus flyttes til hovedinnholdet ved sidebytte. React Router krever Node 22.22 eller nyere. Refs #6 Co-Authored-By: sebasti <sebasti@stud.ntnu.no>

Gi skjemaer og handlinger felles knapper og felt med synlig fokus, koblede etiketter, feilmeldinger og deaktivert tilstand. Refs #6 Co-Authored-By: andretg <andretg@stud.ntnu.no>

Vis hvordan nye sider legges til, og hvordan Button, TextField og sidemalen brukes, slik at gruppen kan bygge videre likt. Refs #6 Co-Authored-By: birkjr <birkjr@stud.ntnu.no>

…g-felles-ui-komponenter feat(app): lag responsiv sidemal og felles UI-komponenter

…-annonsekort feat(src): lag katalogvisning med annonsekort

Co-authored-by: tordtst <tordtst@ntnu.no> Co-authored-by: andretg <andretg@ntnu.no> Co-authored-by: birkjr <birkjr@ntnu.no>

…visningen Co-authored-by: tordtst <tordtst@ntnu.no> Co-authored-by: andretg <andretg@ntnu.no> Co-authored-by: birkjr <birkjr@ntnu.no>

Co-authored-by: tordtst <tordtst@ntnu.no> Co-authored-by: andretg <andretg@ntnu.no> Co-authored-by: birkjr <birkjr@ntnu.no>