Habbit-Tracker

Habit Tracker React App ✔✔✔

A habit tracker app project in which user can add habit and track all the previous six days status .

Tech Stack Used👀👀👀

ReactJs

React Redux

action reducer store CSS react module

JavaScript & JSX

Features Home page - Today Habit Add multiple habits to track like reading a book, going to the gym etc. Here given an add button where you can add a new habit to track. All the habit for the day is showing on the screen . There are three action can be perform on single button . Done - Mark the habit as done for a day. Not done - Mark the habit as not done for a day. None - User did not take any action on a habit for a day. On clicking action check button you can update the status of habit for the day .

Home Page Screenshot✌✌✌✌

WEEKLY PAGE showing the previous 6 days and the status of that habit for each day . user can toggle between the three action statuses of a habit i.e. can change today’s status as done, not done or none anytime. User will be able to change any of the previous days status i.e. can change the status of a habit for yesterday, day before yesterday or any previous 6 days as well

Weekly Page Screenshot✌✌✌✌

Available Scripts 🚗🚗🚗

In the project directory, you can clone and save it to local system :

First Install all packages used in this project using command

npm install then you can start project with the command :

npm start Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.\