FitFlow.io | Devpost

Initial Prototype Design

Inspiration

We get it, starting out with exercise can be confusing. That's why we created FitFlow.io - the app that teaches you how to exercise like a pro!

As beginners who wanted to start working out consistency, we understand the struggles of mastering exercise routines and keeping track of reps. Thus, we decided to incorporate a cost effective solution that harnesses the power of AI to detect when we are doing an exercise correctly while also recording the number of exercise sets we have left during a workout routine.

What it does

🏋️‍♀️ FitFlow.io is here to inspire and guide you on your fitness journey! FitFlow.io is a comprehensive exercise web app designed to educate and empower users on how to exercise. With advanced computer vision technology and tailored workout preferences, FitFlow.io helps you learn and master various exercise moves while ensuring proper form and technique and building consistency and resilience.

How we built it

Our main tools were HTML, CSS, and JavaScript. We used React for our front-end framework and for building the vision AI feature, we utilized the MediaPipe library.

Challenges we ran into

The toughest challenge was live recording the user and using AI to detect an exercise movement performed. We especially faced an obstacle with connecting this feature to the client side.

Accomplishments that we're proud of

We were able to complete all the major features: recording the user, classifying the exercise and how many times it is performed, getting user input, and implementing an overall clean design.

What we learned

From this experience we were able to come up with one premise to build our project around. One of our team members gained the opportunity to revisit React and use it for the first time for a hackathon project. Our other team member worked with MediaPipe and vision AI for the first time, and after a lot of work, googling, and stress, they were able to successfully implement it into the code base.