Fitness Progressive Web Application for Impact
Learn how Codica provided custom web app development for Impact Personal Training, connecting personal fitness trainers and their clients with a mobile- and user-friendly solution.
Domain:Fitness
Location:Luton, United Kingdom
Timeline:June 2020 - April 2021
Services:Product discovery services, Prototyping, UX/UI design services, Front-end and Back-end development, PWA development services, MVP development services
Team:1 Project Manager, 1 UX/UI Designer, 2 React Developers, 1 Ruby on Rails Developer, 1 QA Engineer
Core Technologies:React, Ruby on Rails, Sidekiq, PostgreSql, DropBox, AWS, Gitlab
Client review
Richard Gunter,
Founder of Impact Personal Training
“Coming from a gym environment, I had no idea how to build, create, and develop an app. Everything I needed to do was explained to me in layman’s terms. Nothing I asked for was too much.
I was always up to date with where they were at on the project itself, which I found really helpful. And you know, it’s the app itself that has improved our business.”
Background
Impact Personal Training is a facility that helps clients train under personal fitness programs. These programs include individual exercise and nutrition plans developed by the Impact trainers.During the COVID-19 pandemic, people needed to stay at home. So, the Impact company wanted to keep their clients training while they were not able to attend the gym.
The aim was to create a fitness app enabling clients to follow individual fitness programs that trainers would define for them. Such programs should include the exercises, nutrition and daily routines for clients so they see their sports results.The fitness PWA should handle data on exercises, nutrition, and tracking fitness progress. At the same time, the application needed to be fast-loading, reliable, and stable.
Challenges
- Develop a fitness app to help clients keep fit while they stay at home during the COVID-19 pandemic.
- Deliver a reliable and stable application for both desktop and mobile devices.
- Optimize the database that includes a large number of exercises to reduce the server load.
- Create the system of assigning personal fitness programs and tracking the progress.
Value delivered
- Created a fitness progressive web application from scratch based on the customer’s idea and requirements.
- Prepared desktop and mobile versions of the app to meet the needs of trainers and their clients. Both versions have appealing design and intuitive functionality.
- Optimized the set of features to make the PWA lightweight and fast-loading.
- Created a stable app handling large volumes of data.
- Improved the solution based on early feedback from users.
Do you need an experienced team to build a custom web platform?
We apply best practices to help you save costs and launch quickly.
Solution delivered
Cross-platform PWA
We created a high-speed and stable app for the clients and trainers of the fitness facility. The progressive web application for fitness can be accessed from the web browser on any device, and users don’t need to install it. Clients access their app from the homescreens of their smartphones, and trainers mostly use the desktop version.
Exercises for individual fitness programs
We included the database with over 400 exercises for different parts of the body. The detailed explanation of each exercise helps clients to understand how it is to be performed and what benefits it has. Also, we developed the feature of adding sets and repetitions for each exercise.
Training management for clients
Thanks to the app, clients can get the recommended exercise set from personal trainers. The clients manage their individual programs with a convenient dashboard showing the training scale, today’s workout, and progress. Marking the exercises they completed, the clients track their achievements in the fitness app.
Nutrition programs for clients
During the app development, a plan was created allowing clients to view nutrition programs received from their trainers. Clients tick the food eaten on their plan, as well as enter off-plan food consumption. The fitness PWA allows them to view nutrition plans for each day of the week.
Metrics and metrics-based charts for clients
Our mobile app developers built a system that shows body measures metrics. It helps clients to track their progress in the training and nutrition programs. The metrics are relative to the goal set by a trainer. So, the clients see how far they have reached their goals.
Training management for trainers
We delivered a handy dashboard for personal trainers. The dashboard shows the list of the clients who need a training program. So, a trainer searches the database to select the most suitable exercises for each client. The fitness progressive web application allows adding several exercises or several sets to one exercise.
Nutrition programs management for trainers
The management system also enables a trainer to build nutrition programs depending on clients’ needs. Within the fitness PWA, trainers receive photos from clients showing the shape results that the latter achieved. Also, the trainer uses Impact functionality to track clients’ progress compared to the goals set individually for each client.
Desktop and mobile UX/UI design
Together with Impact Personal Training, we created convenient interfaces for the gym clients and trainers. The mobile UX is tailored to the clients as they prefer using smartphones to enter their progress. Meanwhile, the trainers like the app desktop version to set fitness programs for the clients.We chose a dark theme as a highlight for the project UI. It resonates with the main color palette of the Impact sports gym. Also, it outlines determination and focus on progress. At the same time, we used Material Design elements, such as buttons and fields, customized for the Impact app look.
How it works
The video below shows you how the Impact app works. We adapted the solution for desktops and smartphones, for the trainers and their clients. The clear and coherent dashboards help trainers and clients compile and check individual fitness programs. The progressive web application for fitness also includes convenient metrics that help clients to track their progress.
“Sports, nutrition, and training are inspiring topics for me. I used several fitness applications. Also, I wanted to create a similar app myself. That’s why, I was very excited when Impact Personal Training turned to us with the need to make a fitness app.
The fitness app development was both challenging and engaging. As the app became popular, we needed to adapt it for high loads. So, we saw an opportunity for improving and enriching the initial version. The result of our custom web app development is a reliable solution that links personal trainers and their customers.”
Maksym
Ruby on Rails Developer at Codica
Technologies
Ruby on Rails
React JS
AWS
PostgreSQL
Sidekiq
Integrations
Gitlab
Sentry
DropBox
“The Codica team is professional and very helpful. They kept us informed on the project progress and promptly addressed all our questions and concerns.
When our trainers and their clients started using the first version of the app, they gave us feedback on what should be improved. Codica changed the solution and added new features per our requests, and ensured the proper work of the app even with high loads on servers.
As a result, Codica delivered an app that our clients and trainers love. We are very happy with our collaboration and strongly recommend Codica as a reliable web development team.”
Richard Gunter
Founder of Impact Personal Training
'/%3e %3cdefs%3e %3clinearGradient id='paint0_linear_48_870' x1='330.5' y1='30.0014' x2='1697' y2='-12.4933' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='white'/%3e %3cstop offset='1' stop-color='white'/%3e %3c/linearGradient%3e %3c/defs%3e %3c/svg%3e "Tract icon")
Let’s turn your idea into a successful product!
What’s next?
- 1. Our Sales Manager Taya will be in touch with you within 1 business day.
- 2. We will sign the NDA if required, and start the project discussion.
- 3. Our custom software development experts will analyze your requirements and suggest the best ways to bring your idea to life.
