Adler-Reserve

Projektidee

Adler Reserve ist eine moderne, webbasierte PWA (Progressive Web App) zur Verwaltung von Tisch- und Zimmerreservierungen für den Gasthof Schwarzer Adler. Das System ersetzt analoge Reservierungsbücher durch ein interaktives Dashboard. Es bietet eine Live-Tischübersicht mit dynamischem Grid-Layout, Statusanzeigen in Echtzeit und eine nahtlose Offline-Fähigkeit durch lokale IndexedDB-Speicherung. Ziel ist es, den Arbeitsalltag im Gastgewerbe effizienter und übersichtlicher zu gestalten.

Funktionsweise

Dashboard zur zentralen Verwaltung von Zimmer- und Tischreservierungen
Interaktive Live-Tischübersicht bildet alle Räume des Gasthofs grafisch ab
Status von Tischen (Frei/Reserviert/Belegt) ändert sich farblich in Echtzeit
Spontane Gäste können per Klick direkt auf einen Tisch gesetzt werden
Tische lassen sich für größere Gruppen dynamisch zusammenführen und trennen
Formulare prüfen automatisiert alle Eingaben zur Fehlervermeidung im Stress
Filter- und Sortierfunktionen erleichtern die Suche nach alten Reservierungen
PWA-Architektur ermöglicht die Installation als native App auf dem iPad
Responsives Design passt sich perfekt an Kassenmonitore und Smartphones an

Daten und Fakten

Basis: Entwickelt mit dem Web-Framework Angular 17
Sprachen: Programmiert in TypeScript, HTML und SCSS
Design: Nutzung von Angular Material für Buttons, Listen und Menüs
Layout: Tische werden per CSS-Grid exakt wie in echt angeordnet
Speicher: Reservierungen werden lokal im Browser gesichert (IndexedDB)
Offline-Betrieb: Das System funktioniert komplett ohne Internet
App: Kann direkt als App auf dem Tablet installiert werden (PWA)
Kontrolle: Formulare prüfen sofort, ob Eingaben korrekt sind
Flexibel: Die Seite passt sich automatisch an jede Bildschirmgröße an
Code: Das Programm ist in übersichtliche, kleine Bausteine aufgeteilt
Versionen: Der Programmcode wurde sicher über Git verwaltet
Ziel: Ein fertiges System für den Gasthof Schwarzer Adler

Detaillierte Projektbeschreibung

Das Reservierungssystem "Adler Reserve" wurde speziell für die Anforderungen eines modernen Gasthofs entwickelt. Die größte technische Herausforderung bestand darin, eine intuitive Benutzeroberfläche zu schaffen, die auch im stressigen Gastronomie-Alltag ohne Schulung bedient werden kann. Das System nutzt ein maßgeschneidertes CSS-Grid, das die realen Räumlichkeiten des Gasthofs (z.B. Garten mit 8 Spalten, Saal mit 7 Spalten) exakt abbildet. Sämtliche Daten werden offline im Browser gespeichert, wodurch die App rasend schnell reagiert und auch bei schlechter Internetverbindung (etwa im Gartenbereich) zuverlässig funktioniert. Zukünftige Ausbaustufen könnten eine Synchronisation mit einer Cloud-Datenbank beinhalten.

Fotos