kentekengen/Kenteken-Gen-1-main

Kenteken-Gen-1

Projectstructuur voor Kenteken Gen 1. De broncode bevindt zich in src/kenteken_gen, tests in tests en documentatie in docs.

Voor uitgebreide documentatie zie docs/README.md. Wanneer een kinderauto verschillende afmetingen voor en achter heeft, genereert de app automatisch twee kentekens.

Design system

De frontend gebruikt een eenvoudig Apple-achtig designsysteem met CSS-variabelen:

:root{
  --bg:#F7F7F8;
  --card:#FFFFFF;
  --ink:#0B0B0C;
  --muted:#70757D;
  --line:#E7E8EA;
  --accent:#FFD000;
  --accent-dark:#111113;
}

De basistypografie maakt gebruik van het Inter-font. Buttons en kaarten hebben afgeronde hoeken en een subtiele schaduw (0 6px 24px rgba(0,0,0,.06)).

Thema aanpassen

Alle kleuren en globale spacing zijn gedefinieerd als CSS-variabelen in src/frontend/styles.css. Pas deze variabelen aan om het thema te wijzigen.

Deployen

De app is nu een webapp. Gebruik npm run build om een productiebuild te maken en host de inhoud van de dist map op je webserver.

Ontwikkeling

Gebruik de onderstaande scripts voor lokale ontwikkeling:

• npm run dev start de Vite development server.
• npm run build bouwt de frontend.
• make lint voert een eenvoudige lint-check uit (placeholder).
• make test draait de tests (placeholder).

Projectindeling:

• src/frontend bevat de React componenten en styles.
• electron bevat legacy Electron scripts (niet meer gebruikt).
• src/kenteken_gen is gereserveerd voor back-end utilities.

React componentbestanden gebruiken PascalCase; functies en variabelen gebruiken camelCase.