Cross-Platform Wellness Mobile App
A consumer wellness / self-tracking mobile product
Overview
A production-grade cross-platform mobile application (iOS + Android) built with React Native, backed by Firebase. The app delivers a full consumer experience: multi-provider sign-in and onboarding, personalised data tracking with charts, push notifications and media capture.
The Challenge
Shipping a polished, store-ready consumer app on both platforms from one codebase, with social login, realtime sync, rich animations and reliable push, demands a carefully assembled native stack and disciplined state management.
What We Built
A React Native 0.75 app (with native ios/ and android/ projects and a patches/ directory for patched dependencies) structured under src/. It integrates a broad native ecosystem: React Navigation (bottom-tabs + native stack), Redux Toolkit for state, Reanimated and Animatable for motion, and Lottie for vector animation. Authentication spans Apple Sign-In, Google Sign-In and OTP input. Firebase provides Auth, Firestore, Cloud Messaging, Analytics and Crashlytics, with Notifee for local/remote notifications. The app captures and crops media (image-crop-picker, camera-roll, fast-image), renders charts (chart-kit, responsive line charts, react-native-canvas), and handles localisation, country-code pickers, haptics, blur, gradients and date pickers, a mature, feature-rich consumer surface.
Technologies & Approach
React Native + Redux Toolkit for a single-codebase, predictable-state app; Firebase as the managed realtime backend, auth and messaging layer; a curated set of well-supported native modules for camera, charts, animation and notifications. Patch-package keeps third-party native fixes reproducible. Ruby/Gemfile and Metro config round out the standard RN native toolchain.
Outcome / Impact
A complete, feature-complete consumer mobile product spanning more than a year of active development, demonstrating the studio’s ability to ship and maintain a substantial React Native app with a realtime backend and a deep native-module integration.
Capabilities Demonstrated
- Shipping production iOS + Android apps from one React Native codebase
- Firebase realtime backend, auth, messaging, analytics and crash reporting
- Multi-provider authentication (Apple, Google, OTP)
- In-app data visualisation and media capture/processing
- Managing complex native-module and dependency-patch ecosystems