FoodCart ist das Online Bestellsystem für deinen Lieferservice. Das vorliegende Projekt ist eines von Dreien. Es handelt sich hierbei um die Server-Anwendung basierend auf JavaScript / ReactJs.
Schau dir an wie FoodCart aussieht! Sollte dir es gefallen, dann würde ich mich über einen Stern freuen 😊
Tipp: Tarife sind für die Postleitzahl 34119 hinterlegt.
Mithilfe der Farbpalette kannst du das Bestellsystem farblich an die Corporate Identity deines Lieferdienstes anpassen. Standardmäßig ist eine Orange/ Bernstein-Farbene Gestaltung konfiguriert. Die Farbpalette ist im Ordner src/theme/palette.js gespeichert. Eine alternativer Dark-Mode ist im src/theme/palette.d.js. Um den Dark-Mode zu verwenden, muss die src/theme/palette.js und die Hintergrundfarbe im CSS-Selektor body in der src/assets/index.scss überschrieben werden.
Es müssen innerhalb des Projektes folgende Umgebungsvariablen gesetzt werden. Eine beispielhafte Konfiguration befindet sich im .env.example.
| Variable | Wert |
|---|---|
| REACT_APP_HOST | URL zu der FoodCart Server-Anwendung |
| REACT_APP_SHOW_NUMBER | Artikelnummer in der Speisekarte anzeigen |
| REACT_APP_DEBUG_MODE | Debug-Modus |
| REACT_APP_USE_SESSION_STORAGE | SessionStorage anstatt des LocalStorage für den Warenkorb verwenden |
Damit deine Kunden das Bestellsystem als Progressive WebApp zu ihrem Betriebssystem hinzufügen können, musst du in der webpack.config.js das Manifest anpassen mit dem Namen deines Lieferservices und den entsprechenden Hauptfarben. Die Einstellungen sind unter den Key-Value-Paaren short_name, name, theme_color und background_color zu hinterlegen.
Führe npm run build aus, um dein Paket mit allen Notwendigen Dateien zu generieren. Anschließend befinden sich im Ordner dist alle relevanten Dateien. Die Dateien müssen anschließend in den public-Ordner deines Servers. Lediglich die app.blade.php muss in den Ordner resources/views kopiert werden, da es sich um ein generiertes Blade-Template handelt.
Alternativ
Alternativ kann der Client auch als eigenständige Anwendung gehostet werden, welcher auf die Programmierschnittstellen des FoodCart-Servers zugreift. Wichtig ist dabei die Host-Variable so wie die CORS-Einstellung im Server anzupassen. Das Blade-Template muss darüber hinaus auch zu einem HTML-Entrypoint umgeschrieben werden.
| Projekt | Beschreibung |
|---|---|
| foodcart-server | Server-Anwendung |
| foodcart-client | Client-Anwendung |
| foodcart-admin | Client für Administratoren |