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.
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.
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.
- 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.
- Clone the project.
- Go to folder.
- Run following command.
npm install express npm install ejs npm install mongoose
- Connect to mongodb.
- Run command:
npm start
- Go to https://localhost/8000 to use the application.