Habit Tracker

Try it out: Live Demo

A simple, offline habit tracking web app built with vanilla HTML, CSS, and JavaScript. Track your daily habits, build streaks, set reminders, and visualize progress with a calendar view. No accounts or internet required — everything runs locally in your browser.

Features

• Habit Creation: Add habits with flexible frequencies (daily, 3x per week, or custom days)
• Progress Tracking: Mark habits complete or set partial progress (0%, 25%, 50%, 75%, 100%)
• Streaks: Track consecutive days of completion with streak counters
• Calendar View: Visualize habit history over time with a monthly calendar
• Reminders: Set target times and notifications (browser permission required)
• Offline Support: Uses localStorage — works without internet
• Responsive Design: Works on desktop and mobile

How to Use

1. Download: Clone or download this repository
2. Open: Double-click index.html to open in your browser
3. Start Tracking: Enter your name, add habits, and start building better routines

Adding a Habit

• Click "+ New Habit" to create one
• Set name, frequency, target time, and reminders
• Use the calendar view to see historical data

Marking Progress

• Click the check button to toggle complete/incomplete
• Or use progress buttons for partial completion

Screenshots

(Add screenshots here if desired)

Technologies

• HTML5
• CSS3 (Custom properties, Flexbox, Grid)
• JavaScript (ES6+)

Contributing

Feel free to fork and submit pull requests. Suggestions welcome!

License

MIT License - see LICENSE file for details.