21 lines
1.2 KiB
Markdown
21 lines
1.2 KiB
Markdown
# Raumplaner
|
|
|
|
Ein interaktiver 2D-Raumplaner, um Anbauflächen, Tische und Lichter optimal anzuordnen.
|
|
|
|
## Funktionen
|
|
|
|
- **Interaktives Layout**: Tische und Lampen per Klick hinzufügen und auf dem Raster (Canvas) frei per Drag & Drop verschieben.
|
|
- **Rotation**: Elemente können einfach gedreht werden, um den Platz optimal auszunutzen.
|
|
- **Bestandslimitierung**: Optional kann der Bestand der verfügbaren Tische und Lampen auf das tatsächliche Inventar limitiert werden.
|
|
- **Raumanpassung**: Wechsel zwischen der vollen Raumgröße (4,93m x 10,40m) und einer reduzierten Variante (4,93m x 4,50m).
|
|
- **Flächenberechnung**: Automatische Berechnung der gesamten Anbaufläche (in m²) basierend auf den platzierten Tischen.
|
|
- **Import & Export**: Layouts können als `.json`-Datei lokal gespeichert (exportiert) und später wieder geladen (importiert) werden.
|
|
|
|
## Technologien
|
|
|
|
- [React](https://react.dev/) - UI-Bibliothek
|
|
- [Vite](https://vitejs.dev/) - Build-Tool & Dev-Server
|
|
- [React Konva](https://konvajs.org/docs/react/index.html) - 2D Canvas Bibliothek für interaktive Grafiken
|
|
- [Lucide React](https://lucide.dev/) - Moderne Icons
|
|
- **Vanilla CSS** - Für ein schlankes, vollständig responsives UI
|