FitTrack

Always meaning to workout, but forgetting to? Wishing to become active, but hesitant to start? With a personalized exercise tracker, an exercise chatbot, and video resources, FitTrack has your back!

Comment

Inspiration

In today's fast-paced world, maintaining a healthy lifestyle can be challenging. We wanted to create a simple yet effective tool to help people stay on track with their fitness goals. As teens, we know how hard it is to stay fit with school and extracurriculars. Our idea is to provide personalized exercise recommendations and regular reminders to keep users motivated and on track.

What it does

FitTrack is an all-in-one health website that offers an exercise tracker, some fitness video recommendations, and a personalized fitness chatbox. The exercise tracker prompts users to input their age and then suggests the optimal amount of exercise for them. It also sends email reminders every 2 hours to keep users informed about how many minutes of exercise they have left, helping them stay on track. In the chatbox, users are asked about their fitness goals, and they can receive guidance to improve their knowledge and fitness by learning more about exercising.

How we built it

We built FitTrack using HTML, CSS, and JavaScript. The exercise tracker uses local storage to save user data and exercise progress. For email notifications, we integrated with FormSubmit, a service that allows form submissions to be sent directly to an email address. The tracker creates and submits forms to send periodic email reminders to the user. The chatbox was built with Python in Replit and it is linked to our webpage.

Challenges we ran into

One of the main challenges was finding a way to send periodic email reminders directly from the frontend without a backend server. While FormSubmit provided a temporary solution, it has limitations in terms of automation and reliability. We also faced challenges in ensuring the website's user interface was intuitive and user-friendly. For example, we were having trouble linking the individual chatbot to our webpage. In the end, we decided to link a separate Replit of the chatbot to the website. I feel we could have definitely found a better solution to this if we had time and made the website more user-friendly.

Accomplishments that we're proud of

We're proud of creating a functional and user-friendly exercise tracker that helps users stay motivated and achieve their fitness goals. Despite using only front-end technologies, we successfully implemented a system for sending periodic email reminders. The website's simplicity and effectiveness are key accomplishments. We are happy with how the website turned out and hope to improve it more in the future!

What we learned

Throughout this project, we learned a lot about the limitations and capabilities of frontend technologies. We gained experience in using local storage for data persistence and integrating services like FormSubmit. We also learned how to collaborate effectively and combine all the individual parts we worked on into one cohesive project. In addition, we gained an understanding of the importance of user experience design in creating an engaging app. While it was challenging at first to combine all our ideas and find out the purpose of the website, as we delved into the project, everything began to fall into place.

What's next for FitTrack

There are many things we feel would be great for FitTrack, some of them are:

  1. Develop a Backend: Implement a backend server using Node.js and a service like Nodemailer for more reliable and automated email notifications.
  2. Mobile App: Create a mobile app version to make it even more accessible and convenient for users.
  3. Advanced Features: Add features like water logging, progress tracking, streaks, and maybe even a mood tracker.
  4. Personalized Recommendations: We can improve the chatbox by using machine learning algorithms to provide more personalized exercise recommendations based on user activity and preferences. With an AI-powered chatbox, it will be much easier for the user to interact and get all the information they need.
  5. Nutrition Tracking: Integrate nutrition tracking to help users maintain a balanced diet alongside their exercise routine.

Built With

Share this project:

Updates