Skip to content

cynthiablack/mood-colors

 
 

Repository files navigation

Mood Journal

App with a daily check-in/quick quiz about how you’re feeling mentally and physically. Each check-in is scored and assigned a color which will display a graph for a visual representation of it.

Link to project: https://moodjournal.cyclic.app/

mood-colors-gif-with-hover

How It's Made:

Tech used: HTML, EJS, TailwindCSS, Javascript, Express, Node.js, MongoDB, dotenv, passport

Mood Journal is built with MVC architecture to enable changes to components as new features are added and to ensure the project remains maintainable as the user base grows. A key project requirement was ease of use for both mobile and desktop user experiences.

Users can add and review mood data; the default view provides a 7-day lookback. User authentication is handled by Passport middleware. EJS templating and Tailwind CSS were used to build the user interface.

Our Goal:

  • Help users generate awareness of what is impacting their moods, and track patterns and fluctuations over time.
  • This helps to reveal mood patterns and triggers
  • Can help users track effects of new medications
  • Track progress in therapy
  • Obtain insight on where to focus your energy and intentions

Lessons Learned:

Mood Journal was built for the GDI Hackathon 2022 - Hack for Health. This is the first hackathon that many of us on Team Mood Swings took part of. It was a logistical hurdle to try and plan meetings around the different time zones but we communicated clearly which led to a painless workflow.

We learned how to assign different features/styling to different people. We opted to use Tailwind for painless/continuous styling. We had an awesome project manager who conducted regular checkups with frontend and backend teams.

Sticking meticulously to the MVC architecture helped us navigate the codebase easier and abstracted a lot of unnecessary code from developers working on unrelated features.

Planned Features for v2.0

  • React implementation for more reusable components
  • Psychologically-focused and holistic questions for users to answer
  • Weekly, monthly, and yearly views
  • Color palettes so user can choose
  • Extra authentication strategies, e.g. Google, Discord, FB, etc
  • Limit to one check in per day
  • Automatically render daily entries in case user forgets to log mood
  • Enable editing and deleting of check ins
  • Ensure accessibility
  • Better mobile enhancements

Special Thanks To Our Amazing Contributors🌟



🌟 Find Hattie Tavares on   linkedin LinkedIn  &  github Github
🌟 Find Ashley Valentine on   linkedin LinkedIn  &  github Github
🌟 Find Andrea Pang on   linkedin LinkedIn  &  github Github
🌟 Find Cindy Black on   linkedin LinkedIn  &  github Github
🌟 Find Jasmine Vo on   linkedin LinkedIn  &  github Github
🌟 Find Hanan Shoubaki on   linkedin LinkedIn  &  github Github
🌟 Find Emme Bravo on   linkedin LinkedIn  &  github Github
🌟 Find Ashley Christman on   linkedin LinkedIn  &  github Github
🌟 Find Chelsey Branham on   linkedin LinkedIn  &  github Github
🌟 Find Jackie Cheng on   linkedin LinkedIn  &  github Github

Looking to contribute? See steps in our CONTRIBUTE.md here.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • EJS 40.8%
  • CSS 34.6%
  • JavaScript 24.6%