Mindful Moods

• 

  Login page

• 

  Sign up page (includes flash errors)

• 

  Home page

Inspiration

Mood trackers are a great way to help people easily look for patterns in how their moods change on certain days or a certain period of time.

What it does

You can login to your account and it will save all of your moods, you can add a mood that saves the date and time added, you can delete moods, and you can logout and signup.

How we built it

We first followed a notes system tutorial as the foundation of our hackathon project. Through this tutorial, we were introduced to concepts such as how to use flask, databases, user-authentication, and more. After spending time getting that to work, we decided we wanted to challenge ourselves a little bit and add a couple of small features on our own. For example, we changed the front-end of the website to make it more aesthetically pleasing and added a date-tracking system to each of our notes so users can know exactly when they were in a certain mood.

Challenges we ran into

As beginners, the biggest challenge that we faced was trying to learn and understand the code in the tutorial. When we first started, we simply copied the code shown on the video, completely lost at the gibberish on the screen. However, after a couple of hours we could keep up with the tutorial and we could understand the code being written. The worst part was when what we wrote threw an error that the tutorial didn’t cover, and we had to spend time researching and trying to look for where we could have messed up, which felt like trying to find a needle in a haystack without prior coding experience.

Accomplishments that we're proud of

We added the date and time (and its conversion into PST) ourselves.

What we learned

We gained a lot of problem solving skills through making this project, was also exposed to popular, powerful coding languages like python, and learned a bit about front-end development using HTML.

What's next for Mindful Moods

After this hackathon, we hope to further enhance this project by adding more buttons with emojis as a more interactive way to track your mood, and add a page where you can customize the theme based on your current mood.

Built With

• bootstrap
• flask
• html
• python
• vscode