It can be hard to make time for self-care and check in on your mental health, so we created a website to help users become more in tune with themselves. The goal of Calmify is to normalize self-care and to encourage users to take just a few minutes out of their day to reflect and do something for the sake of their own enjoyment and happiness.

How it works

The website has a daily rating page where you can rate how you're feeling on a scale from 1 to 5. It has the option to take users to a page where they can reflect on their emotions for the day and look into some self-care activities. There is also calendar where you can see your ratings from the past week and also reflect on what activities you did to improve your mood and practice self-care.

How we built it

We built the front-end using React, and the back-end using Firebase. We get and post user data using Firebase, and display that data using React.

Challenges we faced

Paige had never used React before QWER Hacks, and Christina had never used Firebase. There was a learning curve with both of these technologies, and we were very happy with how we were able to successfully implement both of these in a completed website by the end of the 24 hours.

What's next for Calmify

  • more interactive features
  • include more self-care activities/cards to make website more dynamic
  • have the ability to reflect on mood and activities over longer periods of time
  • allow user to save activities they enjoyed doing
  • notifications to remind users to self-care
  • fully deploy
Share this project: