AlamedaDev Logo
Image Sync Health

React Native Fitness Tracker and Routine Manager

Using cutting-edge tools, Sync Health Technologies mission is to inspire people to live longer, healthier lives. We were tasked with developing a fully-featured mobile app for fitness enthusiasts that would help them keep track of their workouts, set and monitor goals, and connect with others who shared their interests.

Company

SyncHealth

Image Sync Health

Services Used

UX/UI Design - Development - Project Management - Data Management - Real-Time Updates - Payments Integration - AWS Suite

Challenge

The major challenge was to create a feature-rich, user-friendly, high-performance application that could effectively track fitness metrics while encouraging user engagement and personalization.

Design & Development

The Technical Journey of Building Sync Health App

Throughout our time at Sync Health Technologies, we made use of numerous cutting-edge tools. Our cross-platform mobile app was built using React Native technology, while the backend was built in Ruby on Rails. Amazon Web Services (AWS) was chosen because it provides trustworthy, scalable, and secure cloud services.

We utilized AWS not only for its robust data storage capabilities, also for real-time updates and notifications using AWS Lambda and Amazon SNS. To ensure efficient data fetching and minimized server load, we employed GraphQL, leading to a fluid app experience.

Further expanding our tech stack, we incorporated Amazon RDS for managing relational databases, Amazon S3 for storing exercise videos and user media, Amazon Cognito for user sign-up and sign-in functionality, AWS AppSync for developing GraphQL APIs, Amazon DynamoDB for high-performance database operations, AWS CloudFront for efficient content delivery, and Amazon SES for handling automated emails. With these technologies, we succeeded in building a responsive, scalable, and feature-packed application.

Main Features

Activity Tracking

Monitors various health indicators like steps, distance covered, heart rate, and stress level, providing a comprehensive health overview to users.

Competitive Ranking

Enables users to compare progress with community members, promoting healthy competition.

Customized Topics

Offers users the freedom to select from a variety of fitness topics to receive tailored content.

Nutrition Tracking

Assists users in tracking their dietary intake, particularly carbohydrates.

Community Challenges

Encourages user engagement through community-wide fitness challenges.

Exercise Videos

Provides an extensive library of workout videos for correct exercise execution.

Group Activities

Fosters a sense of community by enabling users to form groups and plan workouts together.

Event Calendar

Personalized calendar for users to schedule workouts, group activities, and other fitness-related events.

Locational Services

Directs users to local gyms, yoga studios, and other fitness-related facilities.

Payments Integration

With the integration of Apple Pay and Google Pay, we ensured secure in-app transactions, thereby elevating user convenience and trust in our platform.

Data Management

We effectively managed data through AWS, GraphQL, and Amazon RDS, leading to optimal app performance.

Information Architecture

We designed a user-friendly application structure, assuring effortless navigation and accessibility for all users.

User Research

With Sync Health's team, we discovered valuable user insights that guided us to a user-centric design approach.

Product Research

We conducted thorough research into user behavior, allowing us to continually optimize the design and lay the groundwork for future development stages.

Colors

Primary Palette

#5F6CE1

#3C4ACF

#8084AA

#01040D

Buttons

Primary Buttons

Enabled

Label

Enabled

Enabled

Enabled

Enabled
Icon
Disabled

Label

Disabled

Disabled

Disabled

Disabled
Icon

COMPONENTS

maps in react nativemaps in react native
maps in react nativemaps in react native
maps in react nativemaps in react native
maps in react nativemaps in react native

Dark Mode

react nativemenu react nativelogin react native
react nativemenu react nativelogin react native

Light Mode

react nativemenu react nativelogin react native
background gradient contact
background gradient contact

Let’s get started on your software solution or mobile app project today!

We use cookies cookie policy.

@2009 Alameda Software Development S.L