Skip to content

Parth-code286/Habit-Tracker

Repository files navigation

✅ Habit Tracker

A modern web application to help you build and track daily habits with a clean UI, persistent storage, and smooth user experience. Stay consistent and measure your progress effortlessly!


📌 Features

📅 Daily Habit Tracking

  • Add, complete, or remove habits with one click
  • Toggle habit completion for each day

📊 Progress Visualization

  • View habit completion progress in real-time
  • Linear progress indicators for quick insights

💾 Data Persistence

  • Habits are stored and managed with a global state (Zustand)
  • Extendable with backend storage for real-world usage

🛠 Tech Stack

  • Frontend: React, Material UI
  • State Management: Zustand
  • Icons: Material Icons
  • Backend (Optional): Node.js, Express.js, MongoDB

⚙️ Setup Instructions

# Clone the repository
git clone https://github.com/your-username/habit-tracker.git
cd habit-tracker
npm install
npm start

📁 Folder Structure
habit-tracker/
│── public/               # Static assets
│── src/  
│   ├── components/       # UI Components (HabitForm, HabitList, etc.)
│   ├── store/            # Zustand store
│   ├── App.js            # Root component
│   └── index.js          # Entry point
│
│── package.json
│── README.md

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published