Echtzeit-Chat
Nachrichten werden über Firestore Listener sofort aktualisiert, damit kleine lokale Gruppen ohne manuelles Aktualisieren in Verbindung bleiben können.
Local Loop
Eine plattformübergreifende mobile Chat-App für lokale Gruppen, entwickelt mit React Native, Expo und Firebase. Nutzer können sich anonym anmelden, Nachrichten in Echtzeit austauschen, Fotos und Standorte teilen und aktuelle Unterhaltungen durch lokales Caching auch offline lesen.
React Native
Expo
Firebase
Firestore
AsyncStorage
Expo-APIs
Funktionen
Eine mobile Chat- App für reale Nutzungssituationen.
Offline-Zugriff
Aktuelle Unterhaltungen werden mit AsyncStorage lokal zwischengespeichert, sodass Nutzer auch bei instabiler Verbindung frühere Nachrichten lesen können.
Fotos teilen
Nutzer können Bilder aus der Kamera oder Mediathek teilen. Uploads werden über Firebase Cloud Storage gespeichert.
Standort teilen
Der aktuelle Standort kann im Chat geteilt, auf einer Karte angezeigt und direkt in Google Maps geöffnet werden.
An instabile Verbindungen angepasst
Die App erkennt Netzwerkänderungen und wechselt automatisch zwischen Live-Updates und zwischengespeicherten Inhalten.
Native Gerätefunktionen
Kamera, Mediathek, Standort und Kartenfunktionen sind über Expo- und React-Native-APIs integriert.
Technischer Ansatz
Architektur & Stack
Local Loop wurde mit React Native und Expo entwickelt. Firebase übernimmt anonyme Authentifizierung, Echtzeitnachrichten und Medienspeicherung. Firestore-Listener halten Unterhaltungen geräteübergreifend synchron, ohne dass Nutzerinnen und Nutzer manuell aktualisieren müssen.
Ein besonderer Fokus lag auf mobilen Nutzungssituationen wie instabilen Verbindungen, lokalem Caching, Medien-Uploads und Standortfreigabe. Aktuelle Nachrichten werden mit AsyncStorage gespeichert, während NetInfo der App hilft, auf Verbindungsänderungen zu reagieren.
Frontend
React Native
Expo
JavaScript
React Navigation
Gifted Chat
Backend & Daten
Firebase Firestore
Firebase Auth
Firebase Cloud Storage
Echtzeit-Listener
Mobile & Native Features
Expo ImagePicker
Expo Location
react-native-maps
Infrastruktur
AsyncStorage
NetInfo
Expo CLI
Android / iOS Simulatoren
Learnings
Erkenntnisse
Mit Echtzeitdaten arbeiten
Die Arbeit mit Firestore Listenern hat mir geholfen, den Unterschied zwischen einmaligem Datenabruf und einer dauerhaft synchronisierten Oberfläche besser zu verstehen.
Für Offline-Szenarien entwickeln
Das Einbauen von Offline-Fallbacks hat mir gezeigt, wie wichtig es ist, dass mobile Apps auch bei unzuverlässiger Verbindung nutzbar bleiben.
Native Gerätefunktionen anbinden
Die Arbeit mit Kamera-, Bildbibliothek- und Standort-APIs hat mir ein besseres Verständnis dafür gegeben, wie React Native App-Logik mit echten Gerätefunktionen verbindet.