Første versjon

frem til første versjon

fix: make header and footer always visible with scrollable main area

style: set fish opacity to 0.8 for softer appearance

feat: persist bubble pop score in localStorage

fix: prevent anchor color from overriding btn text color on hover

feat: add front page content editing in admin panel

feat: replace age number input with styled range slider

fix: align course info card with hero section and make it sticky

fix: improve CourseCard layout with full-width link and better spacing

feat: add toast notifications for all admin actions

fix: access raw SQL result as array instead of .rows in registration API

feat: add event edit form in admin panel

fix: ensure footer is always visible at bottom of viewport

feat: add course detail page with capacity info

- New route /arrangementer/[arrangementId]/kurs/[courseId]
- Shows course description, age range, capacity bar, spots left
- Registration button or status message based on registration window
- CourseCard now links to detail page instead of directly to registration

feat: add SvelteKit dev container to Docker Compose with hot reload

- Add Dockerfile.dev for development with volume-mounted source
- Add app service to docker-compose.yml depending on healthy db
- Expose frontend on port 5175
- Enable Vite file polling for Docker volume compatibility
- Update BASE_URL to port 5175

feat: add admin panel with dashboard, event management, and registrations

Implements Tasks 9 and 10: admin sidebar layout, dashboard stats page,
event/course CRUD API routes with active-registration guards, registrations
table with status filtering and CSV export, and admin-initiated cancellation
with waitlist promotion logic.

feat: add registration system with waitlist and admin authentication

Implements Tasks 7 and 8: registration page with waitlist logic and
row-level locking, cancellation with waitlist promotion, admin login/logout
API routes with session cookies, and admin layout auth guard. Also fixes
Resend client lazy-init to unblock production build.

fix: use $derived for reactive values in Svelte 5 components

feat: add events list and event detail pages

Implements Task 6: /arrangementer index with upcoming/past sections,
and dynamic /arrangementer/[arrangementId] detail page with course grid
and registration-window awareness.

feat: add landing page, about, and contact pages

Implements Task 5: landing page with hero section and next-event preview,
EventCard and CourseCard reusable components, and static Om/Kontakt pages.

feat: add underwater theme, nav, footer, and bubbles components

feat: add validation, auth, email, and rate limiting utilities

feat: add database schema, migrations, and seed script

chore: scaffold SvelteKit project with Docker Compose

- SvelteKit 2 + Svelte 5 minimal TypeScript template
- Configured @sveltejs/adapter-node for Node.js deployment
- Added drizzle-orm, postgres, zod, bcrypt, resend dependencies
- Added drizzle.config.ts for PostgreSQL schema management
- Added Docker Compose for local Postgres development (postgres:17)
- Added multi-stage Dockerfile for production builds
- Added .env.example with required environment variables

Author: joachimhs

.env.example

@@ -0,0 +1,5 @@
+DATABASE_URL=postgres://javabin:javabin@localhost:5432/javabinkids
+RESEND_API_KEY=re_your_api_key
+ADMIN_USERNAME=admin
+ADMIN_PASSWORD=changeme
+BASE_URL=http://localhost:5175

.gitignore

@@ -0,0 +1,29 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+.superpowers/
+
+
+# IDEs
+.idea

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+	"recommendations": ["svelte.svelte-vscode"]
+}

CLAUDE.md

@@ -0,0 +1,9 @@
+# CLAUDE.md
+
+## Git
+
+Aldri commit til git. Utvikleren håndterer alle commits selv.
+
+## Database
+
+Drizzle-migreringsfiler skal ha oppsummerende navn som beskriver hva migreringen gjør, f.eks. `0003_rename_tables_to_camelcase.sql`, ikke auto-genererte navn som `0001_windy_mattie_franklin.sql`.

Dockerfile

@@ -0,0 +1,15 @@
+FROM node:22-alpine AS build
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+FROM node:22-alpine
+WORKDIR /app
+COPY --from=build /app/build ./build
+COPY --from=build /app/package*.json ./
+COPY --from=build /app/node_modules ./node_modules
+EXPOSE 3000
+ENV NODE_ENV=production
+CMD ["node", "build"]

Dockerfile.dev

@@ -0,0 +1,6 @@
+FROM node:22-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+EXPOSE 5175
+CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0", "--port", "5175"]

README.md

@@ -0,0 +1,231 @@
+# javaBin Kids
+
+Nettside for javaBin Kids — kode-arrangementer for barn i regi av [javaBin](https://java.no), i forbindelse med [JavaZone](https://javazone.no)-konferansen.
+
+Nettsiden presenterer arrangementer, håndterer påmelding med venteliste, og har et admin-panel for arrangørene.
+
+## Tech stack
+
+| Lag | Teknologi |
+|-----|-----------|
+| Frontend | [SvelteKit 2](https://svelte.dev/docs/kit) + [Svelte 5](https://svelte.dev) (runes) |
+| Backend | SvelteKit server routes (`+page.server.ts`, `+server.ts`) |
+| Database | PostgreSQL 17 via [Drizzle ORM](https://orm.drizzle.team) |
+| Validering | [Zod](https://zod.dev) |
+| E-post | [Resend](https://resend.com) |
+| Markdown | [marked](https://marked.js.org) (kursbeskrivelser) |
+| Auth | Cookie-basert sesjoner med bcrypt |
+| Infra | Docker Compose (dev + backup) |
+
+## Kom i gang
+
+### Forutsetninger
+
+- [Docker](https://docker.com) og Docker Compose
+- Node.js 22+ (for lokal utvikling uten Docker)
+
+### Med Docker (anbefalt)
+
+```bash
+# Start alt
+docker compose up -d
+
+# Kjør migrering og seed
+docker compose exec app npx drizzle-kit migrate
+docker compose exec app npx tsx seed.ts
+
+# Appen kjører på http://localhost:5175
+```
+
+### Uten Docker
+
+```bash
+# Forutsetter en kjørende PostgreSQL-instans
+cp .env.example .env
+# Rediger .env med din DATABASE_URL
+
+npm install
+npm run db:migrate
+npm run db:seed
+npm run dev
+```
+
+### Miljøvariabler
+
+Se `.env.example`:
+
+| Variabel | Beskrivelse |
+|----------|-------------|
+| `DATABASE_URL` | PostgreSQL connection string |
+| `RESEND_API_KEY` | API-nøkkel fra [resend.com](https://resend.com) |
+| `ADMIN_USERNAME` | Brukernavn for admin (brukes av seed) |
+| `ADMIN_PASSWORD` | Passord for admin (brukes av seed) |
+| `BASE_URL` | Offentlig URL for e-postlenker |
+
+## Prosjektstruktur
+
+```
+src/
+├── lib/
+│   ├── server/
+│   │   ├── db/
+│   │   │   ├── schema.ts        # Drizzle-skjema (alle tabeller)
+│   │   │   └── index.ts         # DB-tilkobling
+│   │   ├── ...                  # Komponenter og utils for server-side (validering, auth, e-post)
+│   ├── components/
+│   │   ├── ...                  # Frontend komponenter
+│   └── toast.svelte.ts          # Toast state management
+├── routes/
+│   ├── ...                      # Offentlige sider
+│   ├── admin/                   # Admin-panel (auth-beskyttet)
+│   └── api/                     # API-ruter levert av SvelteKit
+└── app.css                      # Globale stiler (undervanns-tema)
+```
+
+## Database
+
+### Tabeller
+
+| Tabell          | Beskrivelse |
+|-----------------|-------------|
+| `events`        | Arrangementer med dato, sted, registreringsperiode |
+| `courses`       | Kurs innenfor et arrangement (aldersgruppe, kapasitet) |
+| `registrations` | Påmeldinger med status (confirmed/waitlisted/cancelled) |
+| `adminUsers`    | Admin-brukere (opprettet via seed) |
+| `sessions`      | Admin-sesjoner (cookie-basert) |
+| `siteContent`   | Nøkkel/verdi-par for redigerbart sideinnhold |
+| `contactCards`  | Kontaktkort for kontaktsiden |
+
+### Migreringer
+
+Drizzle Kit håndterer migreringer. SQL-filer ligger i `drizzle/migrations/`.
+
+```bash
+# Generer ny migrering etter skjemaendring
+npm run db:generate
+
+# Kjør migreringer
+npm run db:migrate
+```
+
+### Seed
+
+`seed.ts` oppretter en admin-bruker og et eksempel-arrangement med kurs:
+
+```bash
+npm run db:seed
+```
+
+## Viktige konsepter
+
+### Påmeldingsflyt
+
+1. Bruker velger kurs og fyller ut skjema
+2. Server validerer (Zod), sjekker duplikat, sjekker kapasitet
+3. Plassering skjer i en DB-transaksjon med `SELECT ... FOR UPDATE` (row-level locking)
+4. Hvis plass: `confirmed`, ellers: `waitlisted` med posisjon
+5. E-postbekreftelse sendes (med kanselleringslenke)
+
+### Venteliste
+
+- Ved kansellering rykker neste person på ventelisten opp automatisk
+- Alle gjenværende ventelisteposisjoner dekrementeres
+- Den opprykkte personen får e-post
+
+### Admin-autentisering
+
+- Cookie-basert sesjoner lagret i `sessions`-tabellen
+- Sesjoner utløper etter 24 timer
+- `+layout.server.ts` under `/admin` sjekker sesjon og redirecter til login
+- Alle admin API-ruter validerer sesjon
+
+### Typesikkerhet
+
+- Drizzle ORM gir type-safe database-tilgang
+- SvelteKit genererer `PageData`-typer fra `+page.server.ts` load-funksjoner
+- Alle sider importerer `PageData` fra `./$types`
+- Zod validerer all bruker-input på serveren
+
+### Visuelt design
+
+Inspirert av JavaZone 2026 sitt undervanns-tema:
+- Mørk blågrønn gradient bakgrunn
+- Turkise overskrifter, gylne aksenter
+- Animerte bobler med interaktiv fiskefigur (poengteller i localStorage)
+- Responsivt, mobil-først design
+
+## Tester
+
+```bash
+npx vitest run
+```
+
+Tester dekker:
+- Zod-validering (`validation.test.ts`)
+- Rate limiter (`rateLimit.test.ts`)
+- Påmeldingslogikk (`registration.test.ts`)
+
+## Backup
+
+Backup-containeren kjører automatisk som en del av Docker Compose.
+
+### Automatisk backup
+
+- Kjører `pg_dump | gzip` daglig kl. 03:00
+- Lagres til Docker-volumet `backups`
+- Backups eldre enn 14 dager slettes automatisk (konfigurerbart via `BACKUP_KEEP_DAYS`)
+
+### Manuell backup
+
+```bash
+docker compose exec backup bash -c \
+  'pg_dump | gzip > /backups/javabinkids-manual-$(date +%Y%m%d-%H%M%S).sql.gz'
+```
+
+### Se eksisterende backups
+
+```bash
+docker compose exec backup ls -lh /backups/
+```
+
+### Restore
+
+```bash
+# Finn ønsket backup
+docker compose exec backup ls -lh /backups/
+
+# Restore (erstatter all data i databasen)
+docker compose exec backup bash -c \
+  'gunzip -c /backups/javabinkids-XXXXXXXX-XXXXXX.sql.gz | psql'
+```
+
+### Se backup-logger
+
+```bash
+docker compose logs backup
+```
+
+## Produksjon
+
+Prosjektet inkluderer en `Dockerfile` for produksjonsbygg med multi-stage build:
+
+```bash
+docker build -t javabinkids .
+docker run -p 3000:3000 \
+  -e DATABASE_URL=postgres://... \
+  -e RESEND_API_KEY=re_... \
+  -e BASE_URL=https://kids.javabin.no \
+  javabinkids
+```
+
+## npm scripts
+
+| Script | Beskrivelse |
+|--------|-------------|
+| `npm run dev` | Start dev-server |
+| `npm run build` | Produksjonsbygg |
+| `npm run preview` | Forhåndsvis produksjonsbygg |
+| `npm run check` | TypeScript type-checking |
+| `npm run db:generate` | Generer Drizzle-migrering |
+| `npm run db:migrate` | Kjør migreringer |
+| `npm run db:seed` | Seed database |

docker-compose.prod.yml

@@ -0,0 +1,73 @@
+services:
+  db:
+    image: postgres:17
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: ${DB_USER:-javabin}
+      POSTGRES_PASSWORD: ${DB_PASSWORD}
+      POSTGRES_DB: ${DB_NAME:-javabinkids}
+    volumes:
+      - pgdata:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U ${DB_USER:-javabin} -d ${DB_NAME:-javabinkids}"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    restart: unless-stopped
+    ports:
+      - "${APP_PORT:-3000}:3000"
+    environment:
+      DATABASE_URL: postgres://${DB_USER:-javabin}:${DB_PASSWORD}@db:5432/${DB_NAME:-javabinkids}
+      RESEND_API_KEY: ${RESEND_API_KEY}
+      BASE_URL: ${BASE_URL}
+      NODE_ENV: production
+    depends_on:
+      db:
+        condition: service_healthy
+
+  backup:
+    image: postgres:17
+    restart: unless-stopped
+    environment:
+      PGHOST: db
+      PGUSER: ${DB_USER:-javabin}
+      PGPASSWORD: ${DB_PASSWORD}
+      PGDATABASE: ${DB_NAME:-javabinkids}
+      BACKUP_KEEP_DAYS: ${BACKUP_KEEP_DAYS:-30}
+    volumes:
+      - backups:/backups
+    entrypoint: ["/bin/bash", "-c"]
+    command:
+      - |
+        echo "Backup service started. Running daily at 03:00."
+        while true; do
+          NOW=$$(date +%H%M)
+          if [ "$$NOW" = "0300" ]; then
+            TIMESTAMP=$$(date +%Y%m%d-%H%M%S)
+            FILENAME="javabinkids-$$TIMESTAMP.sql.gz"
+            echo "[$$TIMESTAMP] Starting backup..."
+            pg_dump | gzip > /backups/$$FILENAME
+            if [ $$? -eq 0 ]; then
+              echo "[$$TIMESTAMP] Backup saved: $$FILENAME ($$(du -h /backups/$$FILENAME | cut -f1))"
+            else
+              echo "[$$TIMESTAMP] ERROR: Backup failed!"
+            fi
+            find /backups -name "javabinkids-*.sql.gz" -mtime +$$BACKUP_KEEP_DAYS -delete
+            echo "[$$TIMESTAMP] Cleanup done. Current backups:"
+            ls -lh /backups/javabinkids-*.sql.gz 2>/dev/null || echo "  (none)"
+            sleep 60
+          fi
+          sleep 50
+        done
+    depends_on:
+      db:
+        condition: service_healthy
+
+volumes:
+  pgdata:
+  backups: