Heartrate

How does your resting heart rate compare to others your age? Just how intensely have you been exercising? Is there anything you should be concerned about? Find out with Heartrate today!

Comment

Inspiration

I was finding it difficult to come up with an idea, so I looked online for ideas for beginners. I thought that something similar to a calculator web app would be within my abilities. To relate it to the topic of health, I decided on a web app that tells a user information about their heart rate.

What it does

My project receives input of a user’s age, heart rate, and whether they are exercising or not. If the user is not exercising, they are informed of how high or low their resting heart rate is compared to how high or low it should be for a person their age. If the user is exercising, they are informed of an estimated level of activity: rest/low, moderate, vigorous, or extremely vigorous. If a user’s heart rate is extremely low or extremely high, they are notified to consider seeking medical help. A user can learn more about heart rates below the form where they input their answers.

How we built it

I used Replit for hosting and also did a lot of the coding there because I could see how the website would look after I made changes in the code. I used w3schools, Mozilla developer web docs, and various other websites to figure out how to use HTML, CSS, and JavaScript.

Challenges we ran into

Since I was unfamiliar with the languages I used at the beginning of the hackathon, I spent a lot of time looking things up.

It was difficult to tell on Replit why my code wasn’t working because specific errors were less obvious than on other code editors. So, I started pasting my code into VScode whenever my code formatted unsuccessfully so that the errors became more obvious.

Making the site mobile friendly was also a challenge. Sometimes it would look fine when I used a mobile friendly test on it but not when I used my phone or not when I used a different mobile friendly test.

Accomplishments that we're proud of

I am proud that it works.

What we learned

I learned how to use HTML, CSS, and JavaScript and also how to navigate Replit and Github.

What's next for Heartrate

A toggle for dark mode is next.

Built With

Share this project:

Updates