Inspiration
I was inspired by a different website which tracked face movement to determine whether or not you were focused. I wanted to create another version of this that is implemented into our physical well-being.
What it does
It tracks your hand movement, and plays a little "ding" whenever you touch your face to gently remind you to stop. It also has a timer to keep track of how long it's been since you've last touched your face. The longer the timer goes, the better.
How we built it
I used an imported JS library to track hand movements, the cleverly implemented it to do what I wanted.
Challenges we ran into
It my was first time using HTML, CSS, and JS. I was extremely unfamiliar with all of it. Debugging was different to what I was used, and so was the general logic.
What we learned
I learned a bit of everything in HTML, CSS, and JS. I still have a lot to learn, and I can't wait to continue this journey.
Log in or sign up for Devpost to join the conversation.