Full-Stack-Webanwendung2026Kundenprojekt
Restaurant-Bestellplattform mit Händler-Dashboard
Zwei Oberflächen, eine Anwendung: ein Online-Bestellprozess für Gäste und ein Händler-Dashboard, in dem der Betrieb die eingehenden Bestellungen bearbeitet.
- Next.js
- React
- TypeScript
- Node.js
Kontext
Das Produkt besteht aus einer Restaurant-Website mit Online-Bestellprozess und einem Händler-Dashboard. Gäste bestellen direkt über die Website des Restaurants; der Betrieb bearbeitet die eingehenden Bestellungen im Dashboard.
Im Dashboard sind alle Bestellungen einsehbar und filterbar, der Bestellstatus lässt sich anzeigen und aktualisieren, dazu kommen administrative Funktionen. Kundenseite und Händler-Dashboard sind als verbundene Teile derselben Anwendung umgesetzt.
Funktionsumfang
Kundenseite
- Restaurant-Website
- Online-Bestellprozess
- Responsive Bedienung
- Benachrichtigungen
- API-Integrationen
Händler-Dashboard
- Übersicht aller Bestellungen
- Filterung von Bestellungen
- Anzeige des Bestellstatus
- Aktualisierung des Bestellstatus
- Administrative Funktionen
Meine Verantwortung
Verantwortung im Projektverlauf
- Planung
- Architektur
- Frontend
- Backend
- Datenbank & APIs
- Authentifizierung
- Deployment
- Produktivbetrieb
- Support nach Launch
Umsetzung und Betrieb
- Deployment und Hosting eingerichtet und die Anwendung produktiv gesetzt
- Produktiver Betrieb und Support nach dem Launch
- Direkte Kundenkommunikation über den gesamten Verlauf
Technischer Ansatz
Zwei Oberflächen, eine Anwendung
Der Online-Bestellprozess auf der Kundenseite und das Händler-Dashboard sind als verbundene Teile derselben Anwendung umgesetzt. Das Dashboard bündelt die Übersicht aller Bestellungen, ihre Filterung, die Anzeige und Aktualisierung des Bestellstatus sowie administrative Funktionen.
Frontend mit React und TypeScript
Das Frontend beider Oberflächen wurde mit React und TypeScript auf Basis von Next.js umgesetzt. Frontend und Backend lagen dabei in meiner Verantwortung.
Backend, Datenbank und APIs
Das Backend wurde mit Node.js umgesetzt. Dazu gehörten die Datenbank und die APIs der Anwendung sowie die API-Integrationen auf der Kundenseite.
Authentifizierung
Die Anwendung umfasst eine Authentifizierung; die administrativen Funktionen gehören zum Händler-Dashboard. Planung und Architektur des Projekts lagen ebenfalls bei mir.
Responsive Umsetzung
Kunden- und Verwaltungsoberfläche wurden beide responsiv umgesetzt.