Add first Spillkveld prototype with static data (#1)

.gitignore

@@ -0,0 +1,6 @@
+node_modules/
+dist/
+coverage/
+.vite/
+*.local
+*.tsbuildinfo

README.md

@@ -1,24 +1,45 @@
-# T32-Project-2
+# Spillkveld
 
-Repository for team IT2810-H26-T32 in IT2810-H26.
+Spillkveld er en nettside som skal gjøre det enklere for venner og familier å finne brettspill som passer til antall personer og tiden de har. Dette er den første, kjørbare prototypen i IT2810. Den lar medstudenter prøve hovedideen før vi kobler på en backend og et større datasett.
 
-## Working in this repository
+## Kom i gang
 
-`main` is protected — you cannot push to it directly. Work on a branch and
-open a pull request:
+Du trenger Node.js 22 eller nyere og npm. Kjør følgende fra prosjektmappen:
 
 ```bash
-git checkout -b my-feature
-git push -u origin my-feature
+npm install
+npm run dev
 ```
 
-Before a pull request can be merged:
+Åpne adressen som Vite viser, vanligvis `http://localhost:5173`.
 
-1. **A member of IT2810-H26-T32 must approve it.** You cannot approve your own pull
-   request, and approvals from staff do not count — you review each other's
-   code.
-2. **Every review comment must be marked resolved.** Reply to each one, fix it
-   or explain why not, then click *Resolve conversation*.
-3. **Pushing new commits dismisses the approval**, so if you change something
-   after being approved, ask for another review. This is deliberate: what was
-   approved is what gets merged.
+For å kontrollere prosjektet:
+
+```bash
+npm test
+npm run lint
+npm run build
+```
+
+`npm run preview` viser produksjonsbygget lokalt etter `npm run build`.
+
+## Dette fungerer nå
+
+- Søk etter ord i spillnavn eller beskrivelse.
+- Filtre for antall spillere, maksimal spilletid og kategori. Filtrene kan kombineres.
+- Sortering etter navn eller kortest spilletid, og sidevisning av søkeresultater.
+- Detaljvisning med beskrivelse og praktisk informasjon. Søk og filtre beholdes når du går tilbake.
+- «Kveldens utvalg»: legg til og fjern spill. Listen lagres i nettleserens lokale lagring på samme enhet.
+- Mobiltilpasset grensesnitt med synlig tastaturfokus, tydelige feltnavn og melding ved null treff.
+
+**Spillene er statiske eksempeldata.** Beskrivelser, kategorier og spilletider er forenklet for å demonstrere prototypen. De er ikke hentet fra et valgt eller offisielt brettspilldatasett. Illustrasjonene er dekorative symboler, ikke spillbilder.
+
+## Videre arbeid
+
+Vi skal velge og vurdere et brettspilldatasett, og bygge en Node.js- og TypeScript-backend med GraphQL og egen database på gruppens virtuelle maskin. Da skal søk, filtre, sortering og sidevisning gjelde hele katalogen, og klienten hente én resultatside om gangen. Backend skal også lagre «Kveldens utvalg». Vi vil vurdere bilder og vanskelighetsgrad når datakilde og rettigheter er avklart. «Hjelp meg å velge» kan bli en senere utvidelse. Kart, vurderinger og kommentarer er ikke del av denne prototypen.
+
+## Arbeid i repoet
+
+`main` er beskyttet. Arbeid på en egen branch og åpne en pull request når arbeidet skal gjennomgås. Før den kan merges, må et medlem av `IT2810-H26-T32` godkjenne den; du kan ikke godkjenne din egen pull request, og godkjenning fra ansatte teller ikke. Svar på og løs alle review-kommentarer. Nye commits etter en godkjenning fjerner godkjenningen, så be om ny gjennomgang hvis du gjør endringer.
+
+Denne prototypen følger [prosjektbeskrivelsen](https://docs.google.com/document/d/18swVXIU3Pm7DdFzoIUmIShoD_kerodH1R3CQX6Zy5qw/edit) og [issue #1](https://git.ntnu.no/IT2810-H26/T32-Project-2/issues/1).

eslint.config.js

@@ -0,0 +1,16 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist', 'node_modules'] },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: { globals: { ...globals.browser, ...globals.node } },
+    plugins: { 'react-hooks': reactHooks },
+    rules: reactHooks.configs.recommended.rules,
+  },
+)

index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="no">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#f6f4ec" />
+    <meta name="description" content="Finn brettspill som passer til spillkvelden." />
+    <title>Spillkveld – finn spillet for dere</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>