51 lines
1.6 KiB
Markdown
51 lines
1.6 KiB
Markdown
# 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.
|