Weight Management App Development

Technology Stack

Figma
React Native
TypeScript
Redux Toolkit
MySQL
Firebase
Google Maps
Amazon S3

The Client

The client runs an evidence-based weight management mobile app service that helps people keep their body weights in check. The app helps monitor eating habits, activity goals, and other day-to-day lifestyle changes for self-management of body weight.

The Challenge

The client was operating on a legacy-old weight management app initially. But it needed critical optimizations. The solution had multiple issues and flaws.

For example, weight management charts didn't show up correctly. Workout videos buffered and froze most of the time. Sometimes, videos didn't play at all. Several junk characters persisted across APIs, which rendered data incorrectly. Several anomalies got sent to API endpoints, breaking the app structure. In addition, the lack of a modern interface and a cumbersome configuration led to severe issues and lower app adoption. Over time, these adverse effects multiplied, resulting in poor app performance

The client found it extremely difficult to garner audience attention with such massive flaws. On top of it, the client didn’t have the resources to tackle all these.

So, they turned to Capital Numbers to replace the legacy problems with a power-packed solution.

Our challenge was to replace all junk codes, adjust APIs, and eliminate all bugs without changing the app’s core features. That is, we had to do all the API adjustments and code refactoring without changing the crucial functionalities, such as:

A 12-Week Fitness Plan
Survey Questions
My Goals
My Calculators
My Diary
My Progress
My Locals
My Tips and Tools

We had to analyze the missing loops carefully and bring meaningful improvements while keeping the core features the same. Plus, we had to launch it in 60 days.

The Solution

We began the work by examining the utterly distorted code. We then finalized the best ways to inject good code in place of them. Next, we went ahead creating a high-level application architecture.

At this stage, we used Figma because Figma is perfect for creating complex mobile UI architectures. Once we finalized the design, we began with the coding part.

We had the Laravel backend ready. So, we made the necessary API adjustments within this backend to render data correctly and close all the missing loops.

Next, we used React Native to code the frontend part. React Native libraries helped us fine-tune various sliders, icons, buttons, charts, graphs, checkboxes, lists, carousels, etc.

We wrote stable, good-quality code using TypeScript. We also saved development hours at this stage as TypeScript helped us write a single codebase for iOS and Android app versions.

We used Redux Toolkit to preserve and hold the state controls of this app and stored all datasets using MySQL.

We next used Firebase to ‘push’ notifications on users’ devices and remind them about their fitness goals and meal times. Additionally, we used Google Places to show users the nearest gym centers, yoga schools, and pharma shops.

As for the paid subscriptions, we used in-app purchases and checked both apps end-to-end to see if all the features were well-optimized. Once we found no issues, we made the iOS and Android apps live on Apple App Store and Play Store, hosting the backend on Amazon S3.

Results

Capital Numbers successfully addressed all the pain points and optimized every feature within 60 days. Our capabilities stood out, impressing our client, who could now cater to their audiences with a better solution. Here’s a quick look at what the resulting product offers:

Easy Registration

iOS and Android users can sign up by entering a few details, like their height, weight, date of birth, fitness targets, etc.

A 12-Week Fitness Plan

A welcome dashboard containing a 12-Week Fitness Plan gets displayed upon successful login.

Survey Questions

Every Fitness Week contains a series of lifestyle-based questions that users must answer.

How many portions of fruit do you eat per day?	How many minutes do you walk each day?
1	0
2	10
3	20
4	30

How often do you eat biscuits, cakes, etc.?	Which type of bread do you often eat?
Everyday	White bread
5 times/week	Multigrain bread
3 times/week	Seeded bread
Once/week	I don’t eat bread

Recommended Meals, Videos, and Workouts

The app collects user inputs and suggests diets, workout videos, and meal recipes.

My Goals

Goal-setting options help users set fitness goals they want to achieve within a specific time.

My Calculators

Science-backed BMI and Calorie Calculators help gauge whether body weight is in check or outside the desired range.

My Diary

My Diary helps log daily food intake, enabling users to keep track of eating patterns.

My Progress

Visual graphs show weekly progress, keeping motivations alive and preventing falling back on bad habits.

My Locals

My Locals allow users to find local gyms and yoga schools to enroll in for proper training.

My Tips and Tools

My Tips and Tools help users get multiple tips for vegan food, aerobics, yoga postures, etc. Although all users get these suggestions, paid users get more personalized recommendations from the 2nd Week onwards till the 12th Week.

Evidence-based Weight Management Solution

To summarize, those looking to embark on weight loss journeys can download this evidence-based weight management solution from Apple and Android App Stores. Every calculator, tool, and graph renders data correctly now - thanks to Capital Numbers that turned a hugely disarrayed application into a well-optimized mobile solution.