Zum Hauptinhalt springen
Ihab Khaled
Menü
Alle Projekte

Open-Source-Projekt

FoodOrderV1

Eine mobil-first kollaborative Bestell-App, bei der eine Gruppe eine gemeinsame Bestellung teilt und die Kosten fair aufgeteilt werden.

Überblick

Eine Person eröffnet einen gemeinsamen Bestell-Bucket, lädt andere ein, und jeder fügt eigene Artikel hinzu. Bei Abschluss der Bestellung sieht jeder Teilnehmer genau, was er schuldet, wobei die Liefergebühren fair verteilt statt geschätzt werden. Die App läuft als Web-App und wird aus derselben Codebasis für Android und iOS veröffentlicht.

Architektur

React, TypeScript und Vite, mit Capacitor für Android und iOS verpackt. Firebase Authentication übernimmt die Identität, und Cloud Firestore speichert Buckets, Einladungen und Beiträge, mit Offline-Persistenz, die es Nutzern erlaubt, bei schwacher Verbindung weiter Artikel hinzuzufügen und später zu synchronisieren.

Engineering

Die anspruchsvollsten Teile waren Korrektheit und Fairness: rollenbasierte Zusammenarbeit, individuelle Beiträge pro Mitglied, unveränderliche Bestell-Snapshots beim Abschluss, und eine Beleg- und Gebührenverteilung, die bis zur letzten Einheit stimmen muss. Vollständige Unterstützung für Arabisch und Englisch inklusive RTL war von Anfang an Teil des Designs und keine Nachrüstung, und die Abläufe sind durch Cross-Browser- und Mobile-Tests abgedeckt.

Rolle
Entwicklung der Anwendung von Grund auf: Architektur, Datenmodell, Offline-Verhalten, zweisprachige Oberfläche und Mobile-Packaging.
Kategorie
Mobile
Stack
ReactTypeScriptViteCapacitorFirebase AuthenticationCloud FirestorePlaywrightAndroidiOS
Sprache
TypeScript