feat: add opkrævningsoverblik project

CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ## [Unreleased]
 
+### Added — Opkrævningsoverblik Project
+- Consolidated municipal charges overview prototype for Aarhus Kommune citizens
+- Interactive mock with login, dashboard, status indicator, charge list, filtering, and 5-year history chart
+
 ### Added
 - "Last edited" dates on home page project cards, sourced from git commit timestamps
 - Custom HomeFeatures component replacing default VitePress feature cards

docs/.vitepress/sidebar.mts

@@ -78,6 +78,16 @@ const bookAarhus: DefaultTheme.SidebarItem[] = [
   },
 ]
 
+const opkraevningsoverblik: DefaultTheme.SidebarItem[] = [
+  {
+    text: 'Opkrævningsoverblik',
+    items: [
+      { text: 'Overview', link: '/projects/opkraevningsoverblik/' },
+      { text: 'Interactive Mocks', link: '/projects/opkraevningsoverblik/mocks' },
+    ],
+  },
+]
+
 export function sidebar(): DefaultTheme.Sidebar {
   return {
     '/projects/climate-nudging/': climateNudging,
@@ -87,6 +97,7 @@ export function sidebar(): DefaultTheme.Sidebar {
     '/projects/wcag-contrast-checker/': wcagContrastChecker,
     '/projects/deltag-aarhus-timeline/': deltagAarhusTimeline,
     '/projects/book-aarhus/': bookAarhus,
+    '/projects/opkraevningsoverblik/': opkraevningsoverblik,
   }
 }
 

docs/index.md

@@ -34,4 +34,8 @@ features:
     details: Prototype af en responsiv bookingapplikation til lokaler og faciliteter i Aarhus Kommune med søgning, filtrering og favoritter.
     link: /projects/book-aarhus/
     linkText: View project
+  - title: Opkrævningsoverblik
+    details: Samlet overblik over kommunale opkrævninger med statusindikator, opkrævningsliste, filtrering og 5-års historisk udvikling.
+    link: /projects/opkraevningsoverblik/
+    linkText: View project
 ---

docs/projects/opkraevningsoverblik/index.md

@@ -0,0 +1,68 @@
+<small>**Project:** Opkrævningsoverblik · **Status:** Prototype · **Date:** February 2026</small>
+
+# Opkrævningsoverblik
+
+**Samlet overblik over kommunale opkrævninger for borgere i Aarhus Kommune.**
+
+---
+
+## Baggrund
+
+Borgere i Aarhus Kommune modtager opkrævninger for en række kommunale ydelser — ejendomsskat, daginstitution, renovation m.fl. Disse oplysninger er i dag spredt over flere systemer og kanaler, hvilket gør det svært for borgere at få et samlet overblik over hvad de skylder, hvad der er betalt, og hvad der er på vej.
+
+## Formål
+
+Formålet er at skabe ét samlet overblik hvor borgere hurtigt og intuitivt kan se alle deres kommunale opkrævninger — både den aktuelle status og udviklingen over tid. Overblikket skal skabe gennemsigtighed og gøre det nemt at forstå sin økonomiske situation i forhold til kommunen.
+
+**Succeskriterium:** Borgeren kan danne sig et overblik over sin samlede status og eventuelle restancer på under ét minut — uden vejledning.
+
+---
+
+## Hvad prototypen viser
+
+### Login og testbrugere
+
+Prototypen inkluderer tre testbrugere med forskellige statuser:
+- **Anders** — alle opkrævninger betalt, ingen restancer
+- **Maria** — kommende forfaldsdatoer inden for 30 dage
+- **Lars** — ubetalte opkrævninger der har overskredet forfaldsdato
+
+### Dashboard med statusindikator
+
+En visuel statusindikator der giver borgeren øjeblikkeligt overblik:
+- **Alt i orden** (grøn) — alle opkrævninger er betalt
+- **Kommende forfald** (gul) — opkrævninger forfalder inden for 30 dage
+- **Restance** (rød) — ubetalte opkrævninger der har overskredet forfaldsdato
+
+Indikatoren bruger kombination af farve, ikon og tekst for tilgængelighed.
+
+### Opkrævningsliste
+
+- Alle aktive opkrævninger med beløb, forfaldsdato og status
+- Filtrering efter ydelsestype (ejendomsskat, daginstitution, renovation m.fl.)
+- Samlet restancebeløb
+- Detaljevisning for den enkelte opkrævning
+
+### Historisk udvikling (5 år)
+
+- Linjediagram (Chart.js) der viser opkrævet vs. betalt beløb over tid
+- Mulighed for at se udviklingen per ydelsestype
+- Tydelig markering af perioder med restancer
+
+---
+
+## Krav
+
+- WCAG 2.1 Level AA tilgængelighed
+- Responsivt design (desktop, tablet, mobil)
+- NemLog-in autentifikation
+- Nær-realtid datahentning
+- Overblikket dækker kun kommunale opkrævninger — ikke regionale eller nationale
+
+---
+
+## Interaktiv prototype
+
+<a href="/research-projects/projects/opkraevningsoverblik/mocks/index.html" class="mock-button" target="_blank">Åbn prototypen ↗</a>
+
+Vælg en testbruger for at se forskellige statuser (alt i orden, kommende forfald, restance).

docs/projects/opkraevningsoverblik/mocks.md

@@ -0,0 +1,8 @@
+<small>**Project:** Opkrævningsoverblik</small>
+
+# Interaktive Mocks
+
+---
+
+**<a href="/research-projects/projects/opkraevningsoverblik/mocks/index.html" target="_blank">Opkrævningsoverblik — Kommunale opkrævninger ↗</a>**
+Samlet overblik over kommunale opkrævninger med statusindikator, opkrævningsliste, filtrering, detaljevisning og 5-års historisk udvikling. Tre testbrugere med forskellige statuser.