The meditation tracker allows you to track the number of times your meditate and add notes on how your meditation session went.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
models
public
screenshots
test
.gitignore
README.md
config.js
package-lock.json
package.json
server.js

README.md

insight•full

The insight•full app allows you to track your meditation sessions and add insights on how your session went. You can then view your practice over time and read your journal of insights gained during your sessions.

Working Prototype

View Node working prototype here: insight•full View React working prototype here: insight•full

Site Map: MVP

Site Map

UX & User Stories: MVP

Landing Page

As a user, I want to understand what the app is so that I can decide if I want to sign up

Landing Page Design

Sign Up Page

As a user, I want to sign up so that I can save my information

Sign Up Page Design

Log In Page

As a user, I want to log in so I can have access to my tracker

Log in Page Design

Dashboard Page

As a user, I want to see my meditation stats so that I can have a better idea of how my practice is going

Dashboard Page Design

Add Session Page

As a user, I want to add my meditation day so that I can track my practice

Add Session Page Design

Insights Page

As a user, I want to read my journal entries so that I can reflect on my practice

Insights Page Design

Settings Page

As a user, I want to log out so that I can keep my info safe

Settings Page Design

Change Password Page

As a user, I want to change my password so that I can keep my info safe

Change Password Page Design

Designs

Landing Page

Landing Page Design

Landing Page Mobile

Landing Page Mobile Design

Sign Up Page

Sign Up Page Design

Log In Page

Log in Page Design

Log In Page Mobile

Log in Page Mobile Design

Dashboard Page

Dashboard Page Design

Dashboard Page Mobile

Dashboard Page Mobile Design

Add Session Page

Add Session Page Design

Add Session Page Mobile

Add Session Page Mobile Design

Insights Page

Insights Page Design

Insights Page Mobile

Insights Page Mobile Design

Settings Page

Settings Page Design

Settings Page Mobile

Settings Page Mobile Design

Change Password Page

Change Password Page Design

Change Password Page Mobile

Change Password Page Mobile Design

Screenshots: MVP

Landing Page Sign Up Page Log In Page Dashboard Page Add Session Page Insights Page Settings Page Change Password Page

Technical

Meditation Tracker was built with:

Front End

  • HTML5
  • CSS3
  • JavaScript
  • jQuery

Back End

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • mLab database
  • Mocha and Chai for testing

Responsive

This app is built to be responsive to smaller screen sizes using a float-grid css and media screen width breakpoint of 700px for smaller screen sizes

Development Road Map

Features for future iterations include:

  • Add ability to view one insight entry on a separate page
  • Add filter to Insights page to filter by time, app, date
  • Add links to meditation resources
  • Add an app timer to meditate with

The typical command lines for capstone projects

Node command lines

  • npm install ==> install all node modules
  • nodemon server.js ==> run node server
  • npm test ==> run the tests

React command lines

  • npm install ==> install all node modules
  • npm run build ==> build the react files in the "build" folder
  • npm start ==> run react server on http://127.0.0.1:8080
  • npm test ==> run the tests