Fitness Hackathon Project

Keep Your Heart Healthy and Going!

Comment

Inspiration

As I am having some breathing issues. So in order to get some relief from it, I started to read about health and fitness in general. Then I came to know about the importance of Heart health which we generally don't think about. And there is a youtube channel called 'Saaol' in which Dr. gives information regarding how to prevent from getting a heart attack.

What it does

I basically made a website using simple Html, Css, Javascript and Web Speech Recognition API. In which I put an animated speaking character which will tell how to prevent from Heart attack and the speech will also be displayed as text on the screen.

How I built it

I built it using simple Html, Css, Javascript and Web Speech Recognition API.

Challenges I ran into

Basically two things were challenging for me. first one is animated speaking character and second is speech recognition thing. I built that animated speaking character all by myself and in order to figure out how to build speech recognition thing, I tried to understand the MDN documentation but failed to understand it. But while figuring out I found this blog: https://www.section.io/engineering-education/speech-recognition-in-javascript/ from which I was able to build the speech recognition feature.

Accomplishments that we're proud of

I am proud of making the animated speaking character all by myself but I am also sad as I took help (or rather copied speech recognition part) from the above mentioned blog. I understood speech recognition working but not fully.

What we learned

I learnt that taking part in Hackathons is a great way to learn new things that too at a faster rate because of the deadline. And also as the MLH hackathons provide us the theme so it greatly help us to build something around our imagination which is quite an amazing experience.

What's next for Fitness Hackathon Project

I need to make it responsive also, and I need to be able to understand the speech recognition part properly so that I can make the most out of this project. And I also need to add some more features and need to add more information so that other people can learn ways to prevent from the heart attack in an easy to understand manner.

Built With

Share this project:

Updates