Health Activity Dashboard
Cross-Platform Health & Wellness Tracker
A cross-platform health activity dashboard built with React Native (Expo) and a Next.js API backend. Users register, complete onboarding, connect a platform health data source, and view heart rate, steps, calories, distance, and wellness scoring on Android, iOS, and Web from a single shared UI codebase.
iOS, Android, Web
Platforms
HealthKit + Health Connect
Health Providers
9
API Endpoints
8+
Metrics Tracked
One Health Provider Interface, Three Platforms
Screen components never call HealthKit or Health Connect directly. They consume a shared HealthProvider interface (requestPermissions, getTodaySummary, getHeartRateHistory, syncToBackend, and more). Metro resolves the correct platform-specific implementation automatically, so the same dashboard UI renders live Apple Health data on iOS, Health Connect data on Android, and backend-synced data on Web.
Demo Mode Is a First-Class Feature
Native health modules are optional dependencies, lazy-loaded inside try/catch. If a module is unavailable or permission is denied, the app falls back to generated demo data automatically, with a clear "Demo Mode" label so no one is misled about what they're looking at. This keeps the app fully demoable on any device, including web browsers with no health API access at all.
Sync, Scoring, and History
Daily summaries and full day reports (heart rate samples, activity entries) sync to a MongoDB-backed Next.js API over HTTP. A client-side wellness scoring module computes BMI, BMR, and activity/sleep/heart/recovery scores with plain-language insights from profile and metric data. Informational only, not a medical claim.
Operational Value
Validates a full cross-platform health data flow (register, connect, view, sync, and browse history) without requiring native hardware pairing. Graceful demo-mode fallback means the product can always be shown, tested, or sold even where native health APIs aren't available.
Tech Stack
Full Stack
Related Service