Mobile App & Backend

Ich arbeitete an einer Consumer-Mobile-App und deren Backend-Infrastruktur für Porsche Digital. Das Projekt umfasste eine React Native App mit Live-Video-Streaming, In-App-Abos und ein serverloses AWS-Backend in einer Monorepo-Architektur.

Projektüberblick

Als Fullstack-Entwickler war ich an allen Schichten beteiligt: der React Native Mobile-App, der React Web-Anwendung und der AWS-basierten Backend- Infrastruktur. Das Projekt nutzte ein Monorepo mit Turborepo für effiziente Builds und geteilten Code. Über die Projektdauer hinweg habe ich 850+ Commits geliefert, Features implementiert, Bugs behoben und die Architektur verbessert.

Wichtige Beiträge

Mobile App Entwicklung

Kernfeatures der React Native App gebaut und gewartet, darunter Onboarding- Flows, Abo-Paywalls, Favoriten und Kurs-Filter. Smooth Animations mit React Native Reanimated umgesetzt und Bottom Sheet Komponenten für bessere UX gebaut. Tracking-Permission-Screens hinzugefügt und Analytics mit Firebase sowie Singular integriert.

Video-Streaming Integration

Live-Video-Streaming mit dem OpenTok SDK integriert. Session Management, Video Playback mit react-native-video und nahtlose Übergänge zwischen Trainingseinheiten umgesetzt. Features implementiert, um den Bildschirm während Sessions wach zu halten und Orientation Changes zu behandeln.

In-App-Abonnements

Abo-Management mit RevenueCat SDK implementiert. Paywall Screens mit FAQ- Integration, Preisvergleichen und Promo-Offers gebaut. Subscription-Modals als Bottom Sheets umgesetzt, inklusive korrekter Handhabung für unterschiedliche Gerätegrößen.

Backend-Entwicklung

Serverlose Backend-Infrastruktur mit AWS CDK, Lambda Functions, DynamoDB und API Gateway entwickelt. Webhook-Handler für RevenueCat Events, User- Management Endpunkte und Training Session APIs implementiert. Datenbank- Indizes für optimierte Queries und sauberes Timestamp Tracking hinzugefügt.

Realtime Features

Active-Feedback-Features mit Smart-Mirror-Integration gebaut, inklusive Toggle Settings, Info Bottom Sheets und Hint-Displays. Nahtlose Übergänge zwischen Training Sessions umgesetzt, wenn sie aus der Web-App gestartet wurden.

Onboarding Experience

Mehrstufige Onboarding-Flows mit Intro-Videos, Active-Feedback-Erklärungen und Personalisierungsoptionen erstellt. Skip-Logik implementiert, die zur nächsten Seite statt zum kompletten Überspringen führt, inklusive smoother Animationen und sauberem State Management.

Performance-Optimierung

Data Fetching auf SWR mit Request Deduplication umgestellt und RxJS durch einfachere Patterns ersetzt. API Calls durch gesplittete Endpunkte und Caching-Strategien optimiert. Animations-Performance verbessert und unnötige Re-Renders reduziert.

Web-Anwendung

Features in der React Web-App umgesetzt, darunter Kursverwaltung, Abo- Handling und geteilte Komponenten mit der Mobile-App. Auth Token Refresh Probleme behoben und das Rendering der Home Section optimiert.

Developer Experience

Monorepo von ultra-runner auf Turborepo migriert, um schnellere Builds zu erreichen. Playwright für End-to-End-Tests eingerichtet. ESLint-Konfiguration gepflegt, TypeScript-Fehler behoben und die Codequalität verbessert. Dokumentation für Bitrise CI/CD Workflows und Development Provisioning Profiles hinzugefügt.

Analytics & Monitoring

Firebase Analytics für User-Tracking, Sentry für Error Monitoring und Fullstory für Session Replay integriert. Custom Tracking für Onboarding- Completion und Abo-Events umgesetzt. Backend-Endpunkte für das Sammeln und Auswerten von User-Statistiken gebaut.