2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00
2026-06-07 23:05:46 +02:00

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
No description provided
Readme 138 KiB
Languages
JavaScript 81.6%
CSS 15.5%
HTML 2.9%