Mood Ring

Inspiration

I've never worked with any computer vision libraries, and I was inspired to try it out for myself after watching a YouTube video.

What it does

Mood Ring senses your mood based on your facial expressions and displays the relevant text/gradient feedback

How we built it

Mood Ring is built using face-api which is built on tensorflow to detect faces, expressions and more. I used granim.js for the background gradient. Aside from that this project is pure html/css/javascript

Challenges we ran into

It was hard to get the media devices and figuring out how to work with face-api was not easy either as I had never worked with a library like this.

Accomplishments that we're proud of

I'm proud that I was able to try using a computer vision library. It always seemed like a daunting task and I think it turned out well.

What we learned

Use media devices to display on an html canvas, use face-api to detect faces and expressions.

What's next for Mood Ring

More feedback for when moods are detected. For example if mood ring detects a user is sad, it will give them a link to something that can cheer them up.

Built With

• css3
• face-api
• granim
• html5
• javascript