Fitlio

We're tired of costly and un-engaging fitness clubs. So, we made our own interactive and inexpensive online workout regime personalized to your needs. Soon coming to iOS/Android.

Comment

Inspiration

For this hackathon, the team decided to create an application encompassing affordable programs to promote healthy living. Research was done to see what was engaging vs. what was unnecessary when it came to exercising. As a group, we decided to incorporate our knowledge in full stack development to create a web application to connect users to a licensed fitness coach. Our main motivation was bringing seemingly luxury workout clubs to those who could not afford it.

What it does

We planned on created a connection between the user and the fitness coach through video or SMS APIs with Twilio. However due to the limited time, we prioritized necessary features such as the login page, account page, sign in page, and links describing what our product is. In the future, we plan on pushing to iOS/Android to encourage outdoor physical activity as well as implementing APIs to perform necessary functions for the user.

How we built it

We used React-js and Bootstrap/Material-UI for the front-end portion of the project, and we planned on using H2 & Twilio for the backend. Postman was needed for backend API testing, and we plan on implementing these features later on.

Challenges we ran into

There were many challenges when it came to designing/finalizing our project:

  1. How do we create a webside detailling our product?
  2. We utilised the Scrum framework to figure out what needed to be done the earliest vs. what we could finish later on. With the use of outside resources, we managed to finish designing our project seamlessly.
  3. How will we implement Twilio's functionality to our application?
  4. We did not implement Twilio APIs to our project due to time constraints and academic responsibilities. In the near future, we plan on implementing these features for users to connect to their fitness coach to encourage effective workout sessions.
  5. What are the necessary steps for frontend-backend connectivity?
  6. Similarly, with the use of external resources we figured out a great and not-too-difficult way to finish our project, which was using npm installations for our project. The library has many components that help connecting our frontend portion to the backend code.

Accomplishments that we're proud of

We made a React-js project! Although we did not implement some of the intended features of the application, the team learned much about planning and designing a project from scratch. It was a fun experience, and I'll be much more prepared compared to when we first began.

What we learned

Full-stack development techniques, Scrum framework, React-js, Node.js, installing libraries to our project, hosting our project, and Twilio capabilities.

What's next for Fitlio

The development team plans on pushing our backend code with Twilio. We were very interested in the features the company has implemented as the SMS and video features were super aligned with our mission statement. In addition to this, we plan on extending our website to iOS/Android. It'll be an interesting project to work on.

Built With

Share this project:

Updates