sleeepybun / mood-colors

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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://mood-colors.up.railway.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


Languages

Language:EJS 40.7%Language:CSS 34.7%Language:JavaScript 24.7%