Skip to content

Need to keep track of you daily habit, let's go then.

Notifications You must be signed in to change notification settings

rohansharma06/Habit-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Habit-Tracker

As some greate personality said: What gets measured gets managed. So here we have an habit tracking application, which track you daily habit and user can also see track of previous six day.

Functionality

Home Page:

The home page have two input add-habit and time to do that.
On clicking submit (+) button, habit is store into database.
It display all the the habits which the user whic he add to tracker.
If user dont want to track that habit he can easily deleate it from homepage.
On clicking habit user redirect to days track page.

Homepage

Days Track Page:

This page have status of current and previous five days.
For every habit we have three status None, Incomplete, Complete.
User can change status from this page.

DaysTrack

Folder Structure

This code follows MVC (Model, View, Controller) Architecture.

  • Assets: It contains all static file CSS, JS, Images.
  • Config: It contains connection to Database.
  • Controller: It redirect the webpage according to user action.
  • Models: It contains Database Schema.
  • Routes: It contains all routes.
  • Views: It contins all file which render UI to browser.

Getting Started

  1. Clone the project.
  2. Go to folder.
  3. Run following command.
    npm install express
    npm install ejs
    npm install mongoose 
    
  4. Connect to mongodb.
  5. Run command: npm start
  6. Go to https://localhost/8000 to use the application.

About

Need to keep track of you daily habit, let's go then.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published