Case Study: React Native based Cross-platform Mobile App for Fitness and Lifestyle

November 04, 2019 108 Views
← Back
Cross-platform Mobile App Development Using React Native

Client and Business goals:

A global company, which serves to help fitness trainers and their clients to build stronger relationships, achieve goals and promote a healthy lifestyle for everyone.


Description:

Cross - platform mobile app which will be used as a core product, aiming to provide independent trainers as well as clubs with powerful tool to plan, interact and manage fitness training with clients.


Applied technologies:

React Native, Redux, RXJS, Lottie animations, Stripe payments integration, React Native TTS (text to speech), websocket, maps integration, custom UI, Agile management framework, integration with clients team processes.




Highlights:

Cross-platform development with React Native saved the client up to 80% of the effort they formerly needed to apply

Keeping the development process flexible, yet standardized

Stay smart by combining React Native existing libraries, native components and custom elements



Cross-platform development with React Native saved the client up to 80% of the effort they formerly needed to apply


Cross-platform development with React Native saved the client up to 80% comparing to native development


Client's business goals were to grow and extend to new markets. But an outdated mobile app had become a blocker. So it was priority #1 to deliver stable and scalable product with minimum timeline and budget for both iOS and Android platforms.


Choosing React Native allowed the client to run the same code base for both platforms. And it made easy to implement changes on the go.


A powerful tool to plan, interact and manage fitness training


Keeping the development process flexible, yet standardized


Many decisions regarding functionality were based on user feedback, and plenty of changes took place on the go.


To keep the project well-organised, we followed Airbnb React/JSX Style Guide. It's the most strict and complete guideline at the moment. Every piece of code was checked before the deployment to see if it matched the standard. The approach resulted in less time needed to implement changes and new features being added to the product.


We followed Airbnb React/JSX Style Guide during the app development.


Stay smart by combining React Native existing libraries, native components and custom elements


The project contains complicated business logic and a lot of interconnections. React Native is the most optimal technology for this use. Running single codebase for both platforms means we had to make changes in only one place, not separately for iOS and Android. And, it's now possible to bring aboard plenty of existing libraries to optimise the mobile app development process.


Stanislav Khoroshulya, Lead Solution Architect at MobiDev


Stanislav Khoroshulya,

Lead Solution Architect at MobiDev



"When to consider React Native to create your mobile application? The first criteria - not complicated UI, similar for both platforms. And business logic, on the other hand - quite sophisticated with plenty of interconnections. Especially, if the logic will be the same for Web (using ReactJS) and mobile.


Probably the biggest misconception is that React Web app has to be transferred to the React Native mobile app. Only business logic could be reused. All UI, data processing and visualisation has to be created separately."



contact us today!

scroll top