/htrack

Habit tracker web app built from scratch using ReactJS, ExpressJS, NodeJS, and MongoDB

Primary LanguageJavaScript

HTrack

HTrack is a online habit tracking app that allows users to build more productive and fulfilling lifestyles so they can accomplish what they want by allowing them to effectively track their time and build more meaningful habits!

Developing this project served not only as an introduction to web development for me, but also as a reminder to start slowly improving my life, starting with the simple things. I plan on expanding and refactoring this project once my knowledge and experience around web development has increased.

Features

authentication

create new accounts and login

create/edit/delete habits

create a habit and select which days of the week you want to repeat it then a new habit will be created with a randomly generated color associated with it!

weekly calendar

take a look at the habits comings up.

weekly planner

plan your week!

Technology

Frontend:

ReactJS, HTML5, CSS3, JavaScript

Backend:

ExpressJS, NodeJS, Postman, mongoose, Docker, Heroku, AWS

Database:

MongoDB

Demo

Homepage

HTRACK_HOMEPAGE_DEMO

Authentication

HTRACK_AUTHENTICATION_DEMO

Habit Functionality

HTRACK_HABIT_FUNCTIONALITY_DEMO

Screenshots:

Dashboard

HTRACK_DASHBOARD_SS

Create habit

HTRACK_CREATE_HABIT_SS

Edit habit

HTRACK_EDIT_HABIT_SS

Weekly planner

HTRACK_WEEKLY_PLANNER_SS

Create new task

HTRACK_WEEKLY_PLANNER_CREATE_TASK_SS