emoba

• 

  Choose from a range of three emotions: Happy, neutral, sad to describe your day.

• 

  View and reflect on past days.

• 

  Easily cycle through the months.

Inspiration## Inspiration

Amongst students, mental health is a major cause of concern, especially due to lockdown protocols alongside stresses that may arise within one's family or through academics. This extension will help students keep their emotions in check, acting as a quick journal entry in order to reflect on one's day.

What it does

This extension allows a user to click on a button which represents how they are feeling that day. This then links the user to a different page and colours in the corresponding day with a colour that matches the mood the user clicked. The user can also click on other days in that month in order to cycle through moods in previous or future days. Using the left and right arrow keys, the user can cycle through the months of the year, however, they will not be able to edit the emotions until the first day of that month.

How I built it

We built this chrome extension using Javascript, HTML5, and CSS3.

Challenges I ran into

Over the course of this hackathon, the main challenge we experienced was using the chrome storage API between 2 separate HTML pages. This API allows the extension to both store prior emotions after the extension has been closed and communicate the emotion clicked in the first page and the second.

Accomplishments that I'm proud of

We are proud to have designed a chrome extension that addresses a relevant need amongst students in today’s society. As students who often feel the stress and pressure of school, a chrome extension that tracks the moods of user’s would be a tool that could potentially be practical in our daily lives which is what makes this project so important to us.

What I learned

We learned that it was probably not the best idea to link 1 javascript file to 2 html files since it raised a large amount of errors when the JS file couldn't find a class in both html files.

What's next for emoba

In the future, we would like to expand the range of emotions that users can choose from to describe their day as well as implement the ability to graph the users’ emotions over a given period of time. We would also like to explore the idea of adding the ability to allow users to log journal entries for each day to give them an opportunity to reflect on their past selves.

Built With

• css3
• html5
• javascript
• vscode