Initial commit

Kenteken-Gen-1-main/README.md

@@ -0,0 +1,50 @@
+# 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](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:
+
+```css
+: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.