14c2b9b08c8e482f98df482bb0ee05a3c2a02407
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 - UI-Bibliothek
- Vite - Build-Tool & Dev-Server
- React Konva - 2D Canvas Bibliothek für interaktive Grafiken
- Lucide React - Moderne Icons
- Vanilla CSS - Für ein schlankes, vollständig responsives UI
Description
Languages
JavaScript
81.6%
CSS
15.5%
HTML
2.9%