Restaurant-Operations- & Online-Bestellplattform

Online-Bestellung · Reservierungen · Admin-System · Kalkulation & Analysen

Eine Full-Stack-Plattform für Gästereise und Back-Office: mehrsprachige Karte, Liefer- und Abholbestellung mit Stripe, Tischreservierungen, Echtzeit-Support-Chat sowie Admin-Ökosystem für Bestellungen, Küchen-Workflow, Kassensystem, Personal, Arbeitszeiten und Kalkulationsanalysen.

Gastronomie / Restaurant Full Stack Developer
Vue 3LaravelViteWebSocketsStripeMySQLRedisTelegrami18n (DE/EN/RU)
Ausschnitt Bestell- oder Admin-Bestell-UI

Projektüberblick

Eine maßgeschneiderte digitale Plattform für ein Restaurant, die Gästeseite und Tagesgeschäft abdeckt: Menü durchstöbern, Liefer- oder Abholbestellung mit Onlinezahlung, Tischreservierung und Support-Kontakt.

Das Personal nutzt ein Admin-Panel für Bestellungen, Reservierungen, Küchenaufgaben, Kassensystem und Betriebseinstellungen; ein Kalkulationsmodul unterstützt Rezeptaufbau, Preise, Margensteuerung und Break-even-Analysen.

Projektumfang

  • Öffentliche Karte (mehrsprachig), Warenkorb und Checkout (Lieferung/Abholung)
  • Online-Zahlungen per Stripe (Payment Intents + Webhooks)
  • Bestelllebenszyklus und Zahlungsstatus
  • Lieferzeitschätzung (optional Mapbox/Google Maps)
  • Tischreservierungen: Verfügbarkeit, Buchung, Kundenhistorie; Admin-Verwaltung
  • Support-Chat mit Operator-Zuweisung und Echtzeit-Nachrichten (WebSockets)
  • Nutzer-Auth: Registrierung, Login, E-Mail-Verifizierung, Passwort-Reset, Profil
  • Admin: Bestellungen, Reservierungen, Menü-CRUD, Küchenaufgaben, Kassensystem, Personal, Arbeitszeiten, Kunden, Einstellungen
  • Kalkulation: Zutaten, Halbfertigprodukte, Rezepte, Preise, Analysen, Break-even

Systemarchitektur

Die Plattform wurde als eine Anwendung mit klarer Trennung zwischen Laravel-API-Backend und Vue-SPA-Frontend gebaut.

  • Laravel Backend — REST-API mit Sanctum-Authentifizierung und rollenbasierter Zugriffskontrolle (Admin, Manager, Kellner, Koch, Kunde). Module für Menü, Bestellungen, Reservierungen, Chat, Personal, Arbeitszeiten und Kalkulation. Integrationen per Webhooks (Stripe, E-Mail-Events, Telegram).
  • Vue-3-SPA — Öffentliche und Admin-Oberflächen mit Vue Router, Pinia und vue-i18n (DE/EN/RU). Öffentlich: Menü, Warenkorb, Checkout, Bestellhistorie, Reservierungen, Support-Chat. Admin: Dashboard, Bestellungen, Reservierungen, Küchenaufgaben, Kassensystem, Personal, Arbeitszeiten, Kunden, Einstellungen und Kalkulation.
  • Echtzeit & Integrationen — Echtzeit-Updates für Bestellungen und Chat via Laravel Echo + Socket.IO. Zahlungen per Stripe. Benachrichtigungen per Telegram-Webhook. Transaktions-E-Mails per SES/MailerSend. Optionale Lieferzeitenberechnung per Mapbox/Google Maps.

Kernfunktionen

Menü und Online-Bestellung Ausschnitt

Menü & Online-Bestellung

Mehrsprachige Karte, Warenkorb und Checkout für Lieferung oder Abholung. Stripe-Zahlungsfluss und Bestelllebenszyklus für Gäste und Personal.

Reservierungen Ausschnitt

Reservierungen

Tischverfügbarkeit, Buchung und Kundenhistorie. Admin-Verwaltung mit Reservierungsstatus und Bestätigungsnachrichten.

Support-Chat Ausschnitt

Support-Chat (Echtzeit)

Kunden-Chat mit Operator-Zuweisung im Admin. Echtzeit-Nachrichten per WebSockets mit persistenter Historie pro Konversation.

Admin-Bestellungen Ausschnitt

Admin: Bestellungen & Betrieb

Bestellliste, Filter, Status-Workflow, Lieferzeitschätzung und operative Übersicht für das Personal — für planbares Tagesgeschäft.

Küche und Kassensystem Ausschnitt

Küchen-Workflow & Kassensystem

Küchenaufgaben verknüpft mit Bestellungen, Zuweisung an Köche, Annahme/Abschluss und Kassenerfassung für Laufkundschaft.

Kalkulation und Analysen Ausschnitt

Kalkulation & Break-even-Analysen

Zutatenbasierte Kalkulation mit Rezepten (inkl. Halbfertigprodukte), Preissteuerung, Ist-Preise und Analysen für Marge und Break-even.

Technische Umsetzung

Backend

  • Laravel (REST-API) mit Sanctum-Authentifizierung
  • Rollenbasierte Zugriffskontrolle (Admin/Manager/Kellner/Koch/Kunde)
  • MySQL + Redis (Broadcasting/Queue wo nötig)
  • Webhooks: Stripe, E-Mail-Events, Telegram

Frontend

  • Vue-3-SPA mit Vite
  • Vue Router, Pinia State Management
  • Mehrsprachige UI via vue-i18n (DE/EN/RU)
  • Laravel Echo + socket.io-client für Echtzeit-Features

Infrastruktur

  • HTTPS und umgebungsbasierte Konfiguration
  • WebSocket-Service für Echtzeit-Events
  • Scheduler/Cron für Hintergrundaufgaben
  • Deployment-Automatisierung (z. B. GitHub Actions)

Ergebnis

Eine einzige Plattform ersetzte Ad-hoc-Bestellungen und Reservierungen und schuf operative Kontrolle über Bestellungen, Küchenablauf und Preisentscheidungen.

  • Online-Bestellung mit Lieferung/Abholung und Stripe-Zahlungen
  • Zentralisierte Bestell- und Reservierungsverwaltung mit klarem Statusfluss
  • Echtzeit-Updates für Personal und Gäste (Bestellungen + Chat)
  • Küchenaufgaben-Workflow und operative Rollen
  • Kalkulation und Break-even-Analysen für Preise und Marge
  • Mehrsprachigkeit (DE/EN/RU) für lokale und internationale Gäste
  • Skalierbare Architektur für künftige Features (Aktionen, Loyalität, Automatisierung)