Inspiration

We are a group of three people who use workout tracking apps and we have no good way to share our results with one another digitally. An app that creates casual competition and allows you to effortlessly share your progress with your friends sounded like a great idea to us.

What it does

Our app centers around your avatar who's muscles grow as you enter larger weights. It keeps track of your personal best lifts and allows you to compare your progress using custom built charts and graphs. The main feature that makes it different from similar apps is the ability to compare your progress to your friends and to interact with their avatar. This makes the app super fun to use and inspires friendly competitive spirit among friends.

How we built it

We built this entire project in p5 javascript. We created the 3D models directly inside of it and we created our own graphing functions to plot data points.

Challenges we ran into

p5 does not have many libraries to lean on like other popular frameworks. We had to build the entire website from scratch with no template or ease of use functions such as graphing or modeling functions. We also experienced setbacks with our database as there was almost no documentation on how to connect it to p5js.

Accomplishments that we're proud of

Coming in with very little web dev experience it was rewarding to create a product that we would genuinely use ourselves was amazing. Additionally staying up the whole 24 just to complete the project is something to be proud of as well.

What we learned

We all learned a lot about javascript and how you can build just about anything with p5 with enough determination!

What's next for FitFriends

We plan to later port fit friends to an ios and android app and clean up small bugs we had to push past due to time constraints. After that ideally we market our app to our friends and get good user feedback to further improve our app.

Built With

Share this project:

Updates