-
-
Our workout creation page, where you can create and edit workout plans based on your own skills!
-
Our homepage, where your weekly workout streak and your fitness goals can motivate you!
-
PotatoBot, our personal chatbot AI! Answers all of your fitness related questions. A great online fitness trainer!
-
Our homepage HTML code
-
The js code for our workout creation page
-
Our chatbot AI js code
-
Bloopers from fine-tuning potatobot!
Inspiration
A member of our team is a personal trainer who has witnessed how difficult it is for beginners to understand and perform exercises within public gyms or at home. Beginners often do not have enough information on workout plans, exercise form, and various other training planning, and because of this are too shy to enter a public gym for fear of being humiliated. The rest of the team, understanding the growing issue of personal fitness within the US and the importance of people staying healthy, came together to try to figure out a way to teach beginners basic gym techniques and routines. Our team came together to create the Buff Potato Web app that teaches users information on how to train in a gym and stay fit and healthy.
What it does
The Buff Potato aims to motivate and help users reach their fitness goals. Our app provides users with a workout tracker/log, a workout calendar, information on correct exercise forms, and a multi-purpose workout-generating AI chatbot. Our goal is to prevent the spread of misinformation and motivate users by providing everything you need for a healthy fitness plan in one place.
How we built it
Our team utilized HTML, CSS, and JS to code our website. We used VS code and GitHub to run our program. We also used the OpenAI API to create a base engine for PotatoBot, and Axios as an HTTP client to communicate with the API.
Challenges we ran into
Our team wanted to step out of our comfort zone with this hackathon and try to create something we never made before. Buff Potato was the first web app that our team developed. Issues with web design, formatting, and code were expected challenges that we ran into. Coding the AI was a big one, and we had multiple iterations of training and retraining the AI using the fine-tuning method, only to ditch that method altogether (it was a good learning experience though!)
Accomplishments that we're proud of
Our team is most proud of the workout-generating potato AI chatbot that we implemented into our web app. Despite the rather basic web design we created, our team is still proud of our website as it was the first time we did any web development. We are proud of being able to pump out a fully functional web app within a day and a half, and we are proud of our communication and coordination abilities to complete the hackathon. In the meantime, playing with buff potatobot was extremely fun, and asking it goofy questions to see its response was the highlight of our time together.
What we learned
Our team learned HTML, CSS, and JS to program our app. We also learned how to train and implement an OpenAI API. Most of us were new to everything here, so it was a great learning experience!
What's next for Buff Potato Fitness Web App
Our team plans on improving our web development skills, and we are planning to improve our web app to provide a more educational experience to users of our app.
In the future, we plan to develop our front-end appearance to a greater extent. The aesthetics of our website has a lot of room for improvement. Even so, our team is very proud of the design that we did given the amount of time that we had.
With more time we would’ve also trained our AI to provide more detailed and effective answers to our questions. We would’ve also included a personalized login system, allowing users to include more personalized websites. We would’ve included a more detailed and aesthetic workout logger, and provided more links to exercise forms. We also were working on a way to feed the workout log data into PotatoBot so it can be more personalized, but we ran out of time.
Once our app is fully completed, we will partner up with local fitness and wellness organization to spread our message of easy and convenient fitness within our NJ communities.
Built With
- axios
- css
- github
- html
- javascript
- openai
Log in or sign up for Devpost to join the conversation.