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!
- Add, complete, or remove habits with one click
- Toggle habit completion for each day
- View habit completion progress in real-time
- Linear progress indicators for quick insights
- Habits are stored and managed with a global state (Zustand)
- Extendable with backend storage for real-world usage
- Frontend: React, Material UI
- State Management: Zustand
- Icons: Material Icons
- Backend (Optional): Node.js, Express.js, MongoDB
# 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