37 lines
1.1 KiB
Markdown
37 lines
1.1 KiB
Markdown
# Kenteken-Gen-1
|
|
Kenteken Gen 1
|
|
|
|
## Frontend
|
|
A small React frontend lives in `src/frontend` and is powered by [Vite](https://vitejs.dev/).
|
|
|
|
Exported license plate images are generated at 180 DPI. This matches the
|
|
resolution used in our Photoshop documents, so the centimeter values entered in
|
|
the app correspond to the real-world dimensions when those images are opened or
|
|
pasted there.
|
|
|
|
### Running the frontend
|
|
1. Install dependencies:
|
|
```sh
|
|
npm install
|
|
```
|
|
2. Start the development server:
|
|
```sh
|
|
npm run dev
|
|
```
|
|
Visit http://localhost:5173/ to view the app.
|
|
3. Create a production build:
|
|
```sh
|
|
npm run build
|
|
```
|
|
|
|
### Kinderauto toevoegen
|
|
|
|
In de frontend kan een gebruiker een eigen *Kinderauto* toevoegen. Hierbij worden
|
|
de afmetingen van het kenteken voor ingevoerd en optioneel andere maten voor
|
|
achter. De opgegeven opties worden in `localStorage` bewaard zodat ze bij een
|
|
volgende sessie weer beschikbaar zijn.
|
|
|
|
Als er voor een kinderauto ook achterafmetingen zijn opgegeven, toont de app
|
|
automatisch twee kentekens: één voor en één achter. Zonder achterafmetingen wordt
|
|
er slechts één kenteken gegenereerd.
|