Skip to content

momoiyer/MoJo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

273 Commits
 
 
 
 
 
 
 
 

Repository files navigation

PROJECT TITLE - Mojo (Mood Journal)

PROJECT DESCRIPTION

An app to check in with your mood and daily actions through keeping a daily journal, and taking note of your mood. To set the perfect tone while you journal, Mojo will recommend some music to listen to that compliments your current mood. In order to see your progress, Mojo can show you a variety of easy-to-read graphs of how your mood/activities have changed over time, as well as a calendar feature for you to check back on particular days. The app has gentle aesthetic features, blurred gradients, and soft lines to create a harmonious experience for the user.

TARGET AUDIENCE

Our application is geared towards anyone looking to build self-awareness around their daily routines, without the preconception that your well-being is something which you can fail at.

TEAM MEMBERS

Khin Mo Mo Zin, Katherine Nishimura, Charlie Chandler

TECH STACK

Languages, Frameworks & Database

JavaScript NodeJS Express.js React SASS Postgres

API & External Libraries

axios full calendar draft.js weather api spotify api chart.js

Others

GitHub Nodemon ESLint Visual Studio Code Postman Linux

PROJECT OVERVIEW

Landing Page

Landing page to login with spotify account

Landing Page

Monthly Summary & Navigation Calendar

Monthly overview to quickly glance at selected mood or look for the date with journal entry and checklist entry to revisit any day of the month.

Monthly Summary & Navigation Calendar

Mood Selection Page

choose up to 3 mood for the selected date. Weather of current day will be visiable to see the relation between weather outside and your mood. Spotify will suggest music to play based on the seleced mood of the day to listen to it while journaling

Mood Selection Page

Journal Page

A place to enter your thoughts and feeling and modify the text input as you desire. No idea what to write? Click on the prompt to get topic ideas. User can also keep track of habits and how they taking care of themselves.

Journal Page

Customize Checklist

A place to customize habit tracking checklist to match user's focus. Easy add and delete buttons are there to reactive the old items if your habit changed.

Customize Checklist

Moodify Graph

A summary of mood selections for selected range of date.

Moodify Graph

Night Mode

For the users who are writing journal at night, we implemented night mode as well.

Alt text

Night Mode

I couldn't have asked for a better team for this project. Everyone was equally passionate, skillful and well organized, and that was the reason we were able to complete this project in the short amount of 2 weeks.

Dream Team

Summary of Mojo's features

Summary of Mojo's features

PROJECT SETUP

INITIAL SETUP

cd MoJo/back-end
npm install

cd MoJo/front-end
npm install

DB SETUP

psql
CREATE DATABASE mojo;

DB SEEDING

cd MoJo/back-end
npm run db:reset

START BACK-END SERVER

cd MoJo/back-end
npm run local

START FRONT-END SERVER

cd MoJo/front-end
npm start

Go to http://localhost:3000/ to view the application

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors