Inspiration

I struggled with tracking my mood consistently and visually understanding emotional patterns over time. As exam season came, the stress further made my mood swing even more and I wanted a way to keep track of how I felt.

What it does

Mood-o-matic helps me track my moods using graphs and emojis, providing a visual representation of my emotional trends.

How we built it

I used React for the frontend to create an interactive user interface and Flask for the backend to handle data processing and storage. To get an emotional score, I used TextBlob, a python library for natural language processing.

Challenges we ran into

This is the first time I used React in an actual project, and learning the particular quirks of the program was challenging, but honestly very rewarding. I really struggled with useStates and Hooks, but after I got the hang of it I felt a lot more confident in my web dev skills.

Accomplishments that we're proud of

The website can update the graphs and emojis in real time! I know its really simple, but I'm really proud of how seamless it feels.

What we learned

This was the first time I used React and Flask on an actual project and not just a course. I've learned Python before, but getting to use React to turn into an full stack project was really rewarding.

What's next for Mood-o-matic I plan to add mood insights, a mobile app, and a login/ registration page.

IMPORTANT: I did follow a tutorial on how to make a notes app in React. However, the interactive emojis and graph I made on my own. This is the tutorial: https://www.youtube.com/watch?v=ulOKYl5sHGk

Share this project:

Updates