HealthHiveHQ

• 

  Landing page

• 

  Weekly Health Plan (Check it out to see it's function :) )

• 

  Breathing Exercise

Inspiration

As college students and or CS students, we battle physical and mental health everyday. Were going to college to better our futures, but it does come at a cost. A majority of the time we are hunched over our desk studying. And through that I learned the importance of health. I make it a point to go outside and hoop with my friends or even force myself to cook something, so I dont eat another things out the microwave lol. And my website aims to mend both of those problems. One help others get outside once and while and eat healthy. And two aiding in stress.

What it does

It's a one-stop shop for physical and mental health aiding. There are two main functions. One is the "weekly health plan builder", which tells the minimum amount of physical activity needed relative to how many hours worked weekly. Then it creates a weekly plan for someone presenting suggestions of bay area outdoor activities, workouts, and easy/healthy recipes. The number of activities suggested is proportional to the needed time for activity, and will never be given too much or too little to do. Two, a breathing exercise that aims to mend/aid in stress.

How we built it

The website was created using the Bootstrap CSS framework, and includes various animations and basic functionalities that were written in JavaScript. Additionally, a new tool that was utilized in the development of the website is Py-Script, which allows Python to be embedded into HTML. With this tool, the weekly health plan builder was created, which leverages the power of the pandas Python library to import a CSV file and use it as a database for the plan builder.

Challenges we ran into

Initially, I tried to export Google Calendar data to my website. While this task was straightforward when dealing with static or pre-compiled data, I encountered some difficulties when working with dynamically uploaded files that needed to be converted into a pandas data frame using the pandas library. This library was required for pyodide, which I planned to use for further analysis. Although it is technically possible to work with the uploaded data using pyodide, I was not able to achieve this through a py-script.

Accomplishments that we're proud of

I'm proud of the way I incorporated both py-script and JavaScript into my project. While py-script offers nearly the same functionality as JavaScript, it has some fundamental differences, so it was a steep learning curve. Furthermore, due to py-script's limited libraries, I had to acquire knowledge of pandas. In addition, I was previously hesitant about creating animations using JavaScript, but for this hackathon, I challenged myself to tackle it head-on. I felt that it was necessary to give the website an extra visual element.

What we learned

I gained a vast amount of knowledge from this experience. However, I realized that in the future, it might be worthwhile to find some teammates for a project. While working solo has its benefits, such as maintaining control over the project's vision, having a team can bring multiple brains for brainstorming and make it easier to divide and conquer the workload. Still can't forget to mention how much more I learned about HTML, JS just going through the process.

What's next for HealthHiveHQ

The site is still in its beta phase, with time everything can be flushed out. What has further potential is the weekly health plan builder? It can be adapted to be extremely customized for a user. With the possibility to have a bigger database to create more customized responses, or take more user input/data to refine response options.

Built With

• html5
• javascript
• py-script
• python