Stretching Mirror

Inspiration

Due to COVID-19, the world switched Online and everyone is stuck in front of their computers. Our team felt that we all need to spare some time to stretch.

What it does

Our program leads user to follow the stretching postures and detects the user's postures. It shows them how they are doing through webcam, like a mirror. The timer starts countdown only when the user does the exact same pose with the given stretching pose.

How we built it

We took about 20,000 photos of postures as a data to create machine learning model by using the Teachable Machine to make the computer detect the user's posture. We also used the Google Text-to-Speech python library to help user's stretching time more convenient, by telling the instruction through audio. The program is built with JavaScript, CSS, HTML, and Python.

Challenges we ran into

The first challenge was to compose the stretching routine that is easy to follow and easy to be distinguished by the program. We spent the most of the time collecting and analyzing the data to retrieve the adequate model for our program.

Accomplishments that we're proud of

Our team members are new to JavaScript but through this project, it was a great chance to be familiar with the language.

What we learned

We learned how to use git as a team, and had a chance to make a machine learning model through Teachable Machine. As a JavaScript newbie, we were introduced to asynchronous programming in JavaScript.

What's next for Stretching Mirror

Our first intention was to make this program as a executable file which starts as the user starts using the computer and tracks the user's usage of the computer and notice the user to stretch and start the program when the usage time exceeds more than 4 hours. There was not enough of time for us to figure out to make the program as our first intention, so it will be great if it could be possible.