HealthFlow

Inspiration

In a world of many health-conscious individuals, we saw first-hand the struggles people went through with their first steps such as dieting and working out. We wanted to come up with an easy to follow plan that caters to a wide array of people, no matter what their goal is or what their restrictions are.

What it does

HealthFlow creates plans for individuals based on their dietary needs and plans for being health-conscious. If they are vegetarian and want to lose weight, there's a plan for them. If they are vegetarian and want to build muscle, there's also a plan. The same goes for people who can eat meat and have different restrictions. All the while, it even tracks progress made.

How we built it

We created the website using HTML and had four different options that user can choose such as vegetarian with gaining muscle or vegetarian and losing weight or non-vegetarian and gaining muscle or non-vegetarian and losing weight. While we were making the website, we wanted to make sure that we had added functionality so before they were able to choose which of the options they wanted they would have to input their name and also once they put their name in it would show a motivational message on the bottom to keep them going on their journey. As a creativity point also at the top depending on the time it also displays a good morning, good evening, or good afternoon message as another functionality. Along with this on the bottom there’s a progress tracker so every time you click an option and go back and click the option again the progress tracker continuously tracks your progress, and once the bar is full you can reset that progress tracker. There’s a button on the side where you can just reset that as well so we developed a method to do that since we were a beginner group we were trying to figure out more ways to implement these newer methods that we haven’t heard of before, so we utilized AI to learn more about different methods and how we could implement it and implemented to our code. We also used AI to come up with some good meal plans and work-out plans.

Challenges we ran into

The main challenge we ran into was figuring out how to make a progress bar, as well as create the general framework. We were more of a beginner group so we had to figure out how to make the website look more appealing and create a more friendly interface.

Accomplishments that we're proud of

We are extremely proud of the fact that we made a progress bar as an added point of creativity. Not only does it add a more personal effect for the user, but it is also extremely useful in the long run and works well.

What we learned

We learned a lot throughout this entire process, but one of the main things we learned was how to work together well as a group. Some of us had more ideas than others, while some of us were just better coders overall. We were able to combine all our abilities very well, and we all learned a lot about coding too in the process, such as how to utilize HTML the best.

What's next for HealthFlow

Next we would like to add even more variety to our options, and make our website look even better. With the timeframe we had we were not able to do this, but we would like to add even more options for all our customers, and make it the best experience possible for everyone.

Built With

• css
• gpt
• html
• javascript
• repl