Mobile App & Backend
Porsche Digital GmbH
Worked on a consumer-facing mobile application and its backend infrastructure for Porsche Digital. The project involved building a React Native app with real-time video streaming capabilities, in-app subscriptions, and a serverless AWS backend - all within a monorepo architecture.
Project Overview
As a fullstack developer, I contributed to all layers of the application: the React Native mobile app, the React web application, and the AWS-based backend infrastructure. The project used a monorepo setup with Turborepo for efficient builds and shared code between applications. Over the course of the project, I made 850+ commits implementing features, fixing bugs, and improving the overall architecture.
Key Contributions
Mobile App Development
Built and maintained core features of the React Native mobile application including onboarding flows, subscription paywalls, favorites functionality, and course filtering. Implemented smooth animations using React Native Reanimated and built bottom sheet components for improved UX. Added tracking permission screens and integrated analytics with Firebase and Singular.
Video Streaming Integration
Integrated real-time video streaming capabilities using OpenTok SDK. Implemented session management, video playback with react-native-video, and seamless transitions between training sessions. Built features to keep the screen awake during sessions and handle orientation changes.
In-App Subscriptions
Implemented subscription management using RevenueCat SDK. Built paywall screens with FAQ integration, pricing comparisons, and promotional offers. Created subscription modals displayed as bottom sheets with proper handling for different device sizes.
Backend Development
Developed serverless backend infrastructure using AWS CDK with Lambda functions, DynamoDB tables, and API Gateway. Implemented webhook handlers for RevenueCat subscription events, user management endpoints, and training session APIs. Added database indexes for optimized queries and proper timestamp tracking.
Real-time Features
Built active feedback features with smart mirror integration, including toggle settings, informational bottom sheets, and hint displays for users. Implemented smooth transitions between training sessions when started from the web application.
Onboarding Experience
Created multi-step onboarding flows with intro videos, active feedback explanations, and personalization options. Implemented skip functionality that moves to the next page instead of skipping the entire process, with smooth animations and proper state management.
Performance Optimization
Refactored data fetching to use SWR with request deduplication, removing the need for RxJS in favor of simpler patterns. Optimized API calls by splitting endpoints and implementing proper caching strategies. Improved animation performance and reduced unnecessary re-renders.
Web Application
Contributed to the React web application with features like course management, subscription handling, and shared components with the mobile app. Fixed authentication token refresh issues and optimized home section rendering.
Developer Experience
Migrated the monorepo from ultra-runner to Turborepo for faster builds. Set up Playwright for end-to-end testing. Maintained ESLint configuration, fixed TypeScript errors, and improved code quality across the codebase. Added documentation for Bitrise CI/CD workflows and development provisioning profiles.
Analytics & Monitoring
Integrated Firebase Analytics for user behavior tracking, Sentry for error monitoring, and Fullstory for session replay. Implemented custom tracking for onboarding completion and subscription events. Built backend endpoints for collecting and analyzing user statistics.
Technology Stack
Mobile
- React Native
- TypeScript
- React Navigation
- Reanimated
- SWR
Backend
- AWS CDK
- AWS Lambda
- DynamoDB
- API Gateway
- Cognito
Services
- RevenueCat
- OpenTok
- Firebase Analytics
- Sentry
- Singular
DevOps
- Turborepo
- Bitrise
- Playwright
- Jest
- ESLint