Migrating a Fitness App to React Native without Losing 8 Years of Business Logic

A global fitness company [name under NDA] came to us in 2018 with an outdated mobile application. The app ran on Titanium SDK. Every feature request hit the same three walls: security, stability, cost.

We audited the code, confirmed React Native as the target, and rewrote the application for iOS and Android on one codebase, alongside the client’s in-house backend team. The platform has grown on that codebase since: 85,000+ running businesses, over 1 million individuals trained. We still supply React Native and QA engineers.

Client Country

Canada

Country

Client Industry

Wellness & Fitness

Industry

Client Cooperation

2018-current

Cooperation Period

Client Cooperation type

Tech Consulting, Software Modernization

Cooperation Type

The Story Behind Fitness App Migration to React Native

The client helps fitness trainers and clubs build and keep client relationships. In the late 2010s, they shifted focus to growth and new markets, and one of their core products couldn’t keep up. It had aged past the point where it met security standards, held up reliably, or allowed anything new to be added at a sensible cost.

The stack was the specific problem. Titanium SDK had been a reasonable cross-platform choice years earlier, but became obsolete by 2018.

That made this a rewrite rather than a refactor, which is the riskier option. The value of the app was not in its code. It was in years of accumulated business logic: scheduling, client management, progress tracking, workout programming, and the interconnections between all of it. A rewrite that lost some of that logic would have cost the client more than the outdated stack ever did.

They owned the backend and the product direction. They needed a mobile team that could move the front end onto a stack with a future.

Business Value of Migrating a Fitness App to React Native

  • One codebase for iOS and Android. React Native’s library ecosystem, native components, and custom elements covered both platforms from one source. In 2018, that saved up to 80% of the development effort compared with the alternatives we assessed.
  • Feature work restarted. It has not stopped since 2018. This was what the client bought.
  • 85,000+ running businesses use the platform, and more than a million individuals are trained. Client engagement has tripled since the upgraded version shipped.
  • The engagement adapted rather than ended. Project management moved to the client’s side, their in-house engineers joined the mobile work, and the model shifted from dedicated team to team augmentation. Eight years on, we supply React Native and QA engineers on request.

Project Scope of Fitness App Migration to React Native

Four to six experts, working with the client’s in-house backend developers throughout.

Stage 1. Code audit. A full review of the product’s source code before any migration work. It produced three things: confirmation that React Native was the right target, a priority order for the work, and timeline estimates that held.

Stage 2. Migration to React Native. The Titanium codebase had to be rewritten rather than ported, given the complexity of the business logic and the number of interconnections inside the app.

Stage 3. Cooperation model adapted. Team composition changed as the project did. Project management was transferred to the client. Their in-house engineers were allocated alongside our experts. The model moved from a dedicated team to team augmentation.

Stage 4. Process for constant change. Functionality decisions came from user feedback, so requirements moved every sprint, and two teams were touching the same codebase. We worked according to the Airbnb React/JSX Style Guide, the most complete guideline available at the time, so consistency did not depend on who wrote the file.

Deliverables of Fitness App Migration Project

  • Source code audit with prioritized recommendations and timeline estimates.
  • Full migration of the mobile application from Titanium SDK to React Native, iOS and Android from one codebase.
  • Real-time features over WebSocket.
  • Text-to-speech via React Native TTS.
  • Lottie animations.
  • Stripe payment integration.
  • QA coverage across both platforms.
  • Ongoing React Native and QA engineers under team augmentation

Tech Stack

Mobile
Payments
Backend
React Native, Redux, RxJS, Lottie animations, React Native TTS, WebSocket
Stripe
Owned and run by the client’s in-house team
Mobile
React Native, Redux, RxJS, Lottie animations, React Native TTS, WebSocket
Payments
Stripe
Backend
Owned and run by the client’s in-house team

Modernize Your Legacy Prodct

Fill out the form and share your vision for your product modernization. Our experts will get back to you within 1 business day.

FAQ