Kolomarket
Eine Demoversion einer mobilen Super-App, entwickelt mit React Native + Expo: Marktplatz, Dienstleistungen, Arbeit und Nachrichten mit adaptivem Design für verschiedene Plattformen.
Mobile Super-App
Dieses Projekt wurde als Demo-Spielwiese konzipiert, um die technische Machbarkeit des Aufbaus von Super-Apps zu testen. Der Schwerpunkt lag auf der Integration verschiedener Dienste (Marktplatz, Dienstleistungen, Arbeit, Nachrichten) in einen einzigen Client und der Untersuchung der UX für die Multi-Plattform-Adaption.
Anpassungsfähigkeit für alle Plattformen
Eine der Kernaufgaben bestand darin, eine Schnittstelle zu schaffen, die auf jedem Gerät gleich gut aussieht und sich an unterschiedliche Design-Richtlinien anpasst.
- Adaptives Design für PC-Browser — korrekte Anzeige von Gitterlayouts und Karten auf großen Bildschirmen.
- iOS-ähnliches Design — weiche Unschärfen, abgerundete Ecken und native Übergänge, die Apple-Nutzern vertraut sind.
- Material 3 Expressive-ähnliches Design — moderne, reaktionsschnelle Android-Ästhetik mit ausdrucksstarken Akzenten.
Firebase Auth & Persistenz
Benutzerautorisierung via E-Mail/Passwort mit Sitzungspersistenz über AsyncStorage, um wiederholte Logins zu verhindern.
Bildoptimierung
Integrierte Echtzeit-Bildverarbeitungspipeline mit Expo Image Manipulator zur Komprimierung und Größenänderung vor dem Upload.
Anzeigen erstellen
Ein schrittweiser Veröffentlichungsprozess mit Kategorieauswahl, Preiseingabe, Preisverhandlungsoption und obligatorischer Geolokalisierungsauswahl.
Feed & Lokale Suche
Anzeige von Anzeigen in der Nähe basierend auf dem Standort des Benutzers, gefiltert nach Status, unter Verwendung einer intelligenten Suche mit Debouncing.
Navigationsmenü (Material 3 Expressive + iOS UX)
Mein persönlich gestaltetes Navigationsmenü, das den ausdrucksstarken Stil von Material 3 Expressive mit flüssigen UX-Animationen aus iOS kombiniert (Unschärfeeffekte, Trägheitsscrollen, geglättete Ecken und Mikro-Interaktionen).
Was getan wurde und bereit ist
Während der Forschung wurden grundlegende Mechanismen für die Authentifizierung, Echtzeit-Datenbankoperationen, Mediendateioptimierung und Zustandsverwaltung erfolgreich implementiert.
- 01
Initialisierung eines React Native-Projekts mit Expo Router für dateibasiertes Routing.
- 02
Konfiguration von Zustand zur Verwaltung von Warenkorbstatus, Filtern und Sitzungen.
- 03
Integration der Cloud Firestore-Datenbank zur Speicherung von Profilen, Anzeigen und Geolokalisierungen.
- 04
Implementierung der Bildkomprimierung via Expo Image Manipulator und API-Upload.
- 05
Verkäuferstatistiken im Profil hinzugefügt (Bewertung, Anzahl der Bewertungen, Anzahl der verkauften Artikel).
Monetarisierung & Zukunftskonzept
In Zukunft könnte sich das Projekt zu einem vollwertigen lokalen Portal mit kostenpflichtiger Anzeigenwerbung, Transaktionsprovision im Messenger und Funktionalität des lokalen Rathauses für die Moderation von Nachrichten entwickeln.