Ein Blick ins Projekt / Freizeit & Organisation
Zimmereinteilung
Ein Bett auswählen. Die Liste ist schon aktuell.
Eine Zimmereinteilung für Jugendfreizeiten, bei der Teilnehmende selbst wählen und die Organisation den Überblick behält.
- React
- Firebase
Die Ausgangsidee
Die Ausgangsidee ist bewusst klein: Teilnehmende wählen ihr Bett selbst, statt dass jemand ihre Wünsche in eine Liste überträgt. Dafür müssen freie Plätze sichtbar sein und Änderungen schnell bei allen ankommen.
Die Organisation bereitet Häuser, Zimmer, Betten und Namen vor. Die öffentliche Oberfläche führt dann direkt zur Auswahl. Sonderfälle bleiben im Admin-Bereich lösbar, etwa wenn eine Zuordnung geändert oder ein Bett wieder freigegeben werden muss.
Warum so gebaut?
Änderungen direkt sichtbar machen. Firebase liefert Live-Updates für die Belegung. Wer gerade ein Zimmer ansieht, bekommt Änderungen mit, ohne die Seite ständig neu laden zu müssen.
Bett und Person gemeinsam zuordnen. Eine Datenbank-Transaktion aktualisiert Bett und Person zusammen. Gleichzeitige Buchungen werden dadurch als zusammenhängender Vorgang geprüft — ein wichtiger Unterschied zu einer einfachen Liste.
Auswahl und Verwaltung trennen. Teilnehmende bekommen eine kurze Selbstauswahl. Der geschützte Admin-Bereich übernimmt Struktur, Einstellungen und Korrekturen. Beide Oberflächen greifen auf dieselbe Belegung zu.
Ein Detail aus der Entwicklung
Zwei Personen tippen auf dasselbe Bett
Live-Updates helfen bei der Übersicht, verhindern aber allein noch keine Doppelbuchung. Zwei Personen können denselben freien Platz sehen und nahezu gleichzeitig auswählen.
Die Zuordnung wird deshalb als gemeinsame Datenbank-Transaktion geprüft und gespeichert: Bett und Person werden zusammen aktualisiert. Ist der Platz inzwischen vergeben, kann die zweite Auswahl nicht einfach denselben freien Stand überschreiben. Die einfache Oberfläche braucht diese Absicherung hinter den Kulissen.
Die Lösung
Teilnehmende wählen ihren Bereich, tippen ein freies Bett an und wählen ihren Namen. Belegte Plätze sind gesperrt, Änderungen erscheinen live. Die React-Oberfläche übersetzt die Zimmerstruktur in eine direkt bedienbare Übersicht.
Admins verwalten Häuser, Zimmer und Namen und können Belegungen zuweisen, umtragen oder freigeben. Titel und Bezeichnungen sind anpassbar, sodass die Organisation ihre Freizeit im System abbilden kann.
Was daraus mitnehmen?
Eine kleine Anwendung kann viel Abstimmung übernehmen, wenn die gemeinsame Übersicht verlässlich bleibt. Hier steckt die wichtige Technik hinter einer sehr einfachen Auswahl.