-
-
This is the nutrition part of the site
-
This is the main page of the site
Inspiration
During these difficult times during the pandemic, it has become harder to go outside and be fit since most people work from home. This app will allow users to be able to monitor their basic health through nutrition and physical activity.
What it does
The users enter their weekly meals/servings and their weekly physical activity/time spent, and the app gives a report on what your health is like based on calories.
How I built it
We used HTML to build a structure for the website with three different sections. We used CSS to style the site and make it more attractive. We used JavaScript to give the site functionality. Through the JavaScript, the site generates all the output data based on what the users enter into the site.
Challenges I ran into
One challenge was that, in the beginning we struggled to communicate data between each section of the website. Another challenge we had, was adapting the code to the different input strategies we used in the fitness section and the nutrition section.
Accomplishments that I'm proud of
Creating a web application with multiple tabs
What I learned
We learned more about Web Development such as learning how to use local client side storage and we were able to gain much more experience in CSS.
What's next for HealthApp
Due to the time-constraints, we want to make it much more user-friendly, and add much more detail, and expand on the datasets we used.
Log in or sign up for Devpost to join the conversation.