EmotionLive - Hackathon 2020 Project

By Christophe Couturier, Tommy Josépovic, Jaafar Kaoussarani, and Weiliang Xie. Special thanks to Natacha Rouillon.


What is EmotionLive?

EmotionLive is a web application intended to help people with ASD (Autism Syndrome Disorder) better communicate their emotions and feelings. Mental wellbeing and mental health is extremely important and it can be a harrowing experience for people who have difficulty in every day situations. It can be very difficult for people with certain needs to properly convey how they feel. In turn, this makes it hard for caretakers, guardians, friends, and family to give proper, well-informed feedback. This application hopes to facilitate interpersonal communication of primary emotions through a visual and interactive medium. This web application is still very much a proof of concept and in its infancy. Our team hopes that this tool will become useful and helpful to those who need it. Most importantly, we hope that we may make a positive impact on our society.

The Idea

This idea was courteously offered to us by one Natacha Rouillon. Having worked with children with abilities during the summer, she sometimes found it hard to properly assess their emotional state. Lacking a proper and resourceful tool to rely on, she turned to thinking up an idea of her own. She granted us the opportunity to work on this and to develop our skills as both programmers and human beings.

How Was EmotionLive Made?


For all things frontend, we used Angular, a versatile and powerful web application framework.


Backend (Database, Authentication) was made possible by using Firebase, a mobile and web development platform. It also allowed us to host our web application.

Other Technologies

Microsoft Azure Face API, a facial recognition software, allowed us to implement Machine Learning in a way that could be both fun and helpful.


Log In/Sign Up

Users may decide to create an account to enjoy certain features.

My Emotions

This component allows the user to pick and choose which emotion they are currently feeling using colour-coded cards. They will then have the chance to pick the reason they felt this emotion from a default selection or add their own personalized reasons. It is finally presented to the user in a single, concise sentence.

Recognize Emotions

This is a fun little game that comes in (currently) two difficulties, one with a timer and one without. It allows the user to practice discerning different emotions from facial features. A side feature that could prove to be both educational and entertaining.

Train Your Own Emotions

Using the power of Machine Learning, this feature allows the user to act out different emotions into their own personal computer camera. The artifical intelligence will then detect which emotion was most likely displayed. It can be a very useful way to make the user conscious of how they look when they feel a certain way. It can also be a very fun and entertaining distraction. (Acting with friends is fun!)

Diary of Emotions (Account Required)

This allows the user to keep a log of the different emotions they've felt. Different statitics will be available to monitor progression or simply just keep a backlog to reflect upon.


In conlusion, this project meant a lot to us and we worked really hard to do this. It was a way to not only surpass us, but also to make a real impact on society. We are proud of our accomplishment and hope that our project grows out of infancy. Thank you very much.

+ 49 more
Share this project: