Habit-Tracker

Description

A habit tracker web app that allows users to perform CRUD operations (Create, Read, Update, Delete) on their habits, such as adding new habits, viewing their existing habits, updating or editing habits, and deleting habits. The project is built using a tech stack consisting of ReactJS. For styling , CSS is used. Click here to try. Video link is here

Tech stack

ReactJS, CSS

How to setup the project on local system

1. Clone this project
2. Start by installing npm if you don't have it already.
3. Navigate to Project Directory by : Using

cd habit-tracker

After reaching to the this preoject directory yo have to run this following command :

$ npm install
$ nodemon index.js or npm start

Screenshots

Folder Structure

Habit Tracker
|   .gitignore
|   package-lock.json
|   package.json
|   README.md
|
+---public
|       favicon.ico
|       index.html
|       logo192.png
|       logo512.png
|       manifest.json
|       robots.txt
|
\---src
    |   App.js
    |   index.js
    |
    +---assets
    |   +---css
    |   |       App.css
    |   |       home.css
    |   |       index.css
    |   |
    |   \---images
    |           bored.png
    |           logo.png
    |
    \---components
            dayWeekSwitch.jsx
            habit.jsx
            home.jsx
            inputCompo.jsx