# 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.