HeadsUp

Inspiration

The inspiration is both myself and the variety of high schoolers I meet with everyday. When I see them working on their computers, they tend to develop bad posture, either because they are focused or concentrated on something.

What it does

Using a multitude of keypoints via Tensorflow and ML5, this program detects when you have bad posture and does three things: alarms you, blurs the screen, and plots it on a graph which you can view in real time.

How I built it

I used javascript for the functionality, utilizing tensorflow, ml5, and p5 for the AI.

Challenges I ran into

Some challenges I ran into were first of all, how to define keypoints, and later, how to create a real-time graph.

Accomplishments that I'm proud of

I am proud of the fact that I was able to create a solution which will help many students around the world, and will inform them of their posture.

What I learned

I learned about utilizing AI in a website and real-time graphs.

What's next for HeadsUp

I would like for this to become more of an application, where it can alarm you at any time, and not only at times when you are on the webpage. Along with that, I would like to add universal handles to different sites.

Built With

• canvas
• css3
• html5
• javascript
• ml5
• p5
• posenet
• tensorflow