Giter VIP home page Giter VIP logo

mood-colors's Introduction

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-journal.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.

mood-colors's People

Contributors

hattietavares avatar sleeepybun avatar ashleyvalentine avatar andiedoescode avatar jasminepvo avatar ash1eyc0des avatar cynthiablack avatar emmebravo avatar chelseybranham avatar jacmwd avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.