HomeFitness

• 

  The main functionality of our application

• 

  Select workout type and preferred duration

• 

  Profile page

Inspiration

While it is not safe to go to the gym during the ongoing COVID pandemic, it is still important to exercise. However, while searching for the needed workout on youtube, you might lose all motivation to do your home workout.

What it does

Therefore, we created a web application where you can see a needed workout of your favorite Fitness Youtuber within a few clicks.

How we built it

We built a Web application via React using authentication and database from Firebase. We used Flask as a backend to develop an API to retrieve desired videos from Youtube. For this purpose, we interacted with Youtube Data API.

Challenges we ran into

Learning how to use the Youtube Data API. It was our first time working with this API, so reading through the documentation certainly took time.

Accomplishments that we're proud of

We built the web application in half the time allocated for the hackathon.

What we learned

1. Polished React + Firebase skills.
2. Using the Youtube Data API.

What's next for HomeFitness

We would like to add an additional page: "Plan your week", where you would have 7 boxes for each day of the week(Mon, Tue, etc.), where you can add workouts in a similar fashion as we do on our home page, but this input will be stored on the database. So that next time you sign in and click Home it will show the workouts preselected for this day of the week. At any time you can go to the Plan your week page and edit workouts for the upcoming week. Additionally, The Youtube Data API has very limited free tier usage quotas. We believe that it is worth exploring using Puppeteer to scrap Youtube; it will allow us to not be limited by the monetary costs of API calls.

Built With

• bootstrap
• firebase
• flask
• npm
• python
• react
• typescript
• youtube-data-api