We built Marune's web platform from the ground up and expanded their existing React Native mobile app with major new features — creating a unified ecosystem for martial artists to track training, monitor belt progression, sync health data from wearables, and connect with a global community of practitioners.
The challenge
Marune needed to carve out a niche in the crowded fitness app market with a product built specifically for martial artists — a community that existing fitness apps completely ignored. They had an existing React Native mobile app that needed significant feature expansion, but no web presence at all. The technical scope was immense: build a full-featured web platform from scratch for onboarding, content, subscription management, and referral-driven growth, while simultaneously extending the mobile app with deep platform-specific integrations — Google Fit and Apple HealthKit health data sync, in-app purchases across both iOS and Android, social features with stories and feeds, and push notifications — all backed by Firebase real-time infrastructure and unified across both platforms.
Our solution
We built the web platform from scratch on Next.js 9 with React and Tailwind CSS, powered by Firebase Authentication, Realtime Database, and Storage for the entire backend. Redux Toolkit manages client-side state, react-intl handles internationalization, and Stripe processes subscription payments for the Peak premium tier — with API routes handling checkout sessions, webhooks, promo codes, and a referral system with threshold-based rewards. SendGrid powers transactional email. On the mobile side, we extended the existing React Native app with major new capabilities across its 80+ screens — integrating Google Fit and Apple HealthKit at the native module level for weight and health data synchronization, RevenueCat for cross-platform in-app purchase management, Facebook SDK for social authentication, Firebase Cloud Messaging for push notifications, and Bugsnag alongside Firebase Crashlytics for production crash monitoring. We built out the social layer with a friend system, stories, and activity feeds, and expanded the martial arts progression system — tracking belts, ranks, promotions, and achievements across multiple disciplines — with a personal training wiki, analytics dashboard, and dark mode throughout.
Results
- Built entire web platform from scratch on Next.js with Firebase, Stripe billing, and referral system
- Extended existing React Native app with major features across 80+ screens on Android and iOS
- Integrated Google Fit and Apple HealthKit at native module level for health data synchronization
- Engineered Peak subscription tier with Stripe web payments and RevenueCat in-app purchases
- Built social layer with friend system, stories, feed, and community features on Firebase
- Deployed dual crash monitoring with Bugsnag and Firebase Crashlytics for production stability
- Implemented referral system with threshold-based rewards driving organic subscription growth