What is Habit Tracker?
Habit Tracker helps you build and maintain positive daily routines. Create personalized habits with custom icons and colors, then check them off each day to build momentum.
The app tracks your streaks, calculates weekly completion rates, and displays your progress on a monthly calendar heatmap — giving you a clear visual picture of your consistency over time.
Who Is This For?
Habit Builders
Accountability Seekers
Minimalists
How to Use Habit Tracker
Create Your Habits
Click the Add Habit button to create a new habit. Give it a name, choose an emoji icon and color, then select which days of the week you want to practice it.
Complete Your Daily Habits
Each day, check off your habits by clicking the checkbox or anywhere on the habit card. The progress circle updates in real time, showing how much of your daily routine is done.
Build Streaks
Every consecutive day you complete a habit adds to your streak counter. The streak respects your schedule — if you set a habit for weekdays only, weekends won't break your streak.
Track Your Progress
Use the calendar heatmap to see your monthly progress at a glance. Darker cells mean more habits completed that day. The statistics panel shows your best streak, weekly completion rate, and total check-ins.
Navigating Between Days
Use the arrow buttons to move between days and review your past completions. Click the date label to jump back to today instantly.
Features
Custom Habits
Create habits with a personalized name, choose from 24 emoji icons and 8 accent colors. Set a repeat schedule to target specific days of the week — perfect for weekday-only routines or weekend goals.
- 24 emoji icons to choose from
- 8 vibrant accent colors
- Flexible weekly scheduling
- Personalized habit names
Daily Progress Ring
A circular progress indicator shows your daily completion percentage at a glance. When all habits are done, you'll see a celebration message and a glow effect on the progress card.
- Real-time progress updates
- Visual completion percentage
- Celebration effects on 100%
- Motivating daily overview
Streak Tracking
Each habit tracks its own consecutive completion streak. The streak counter only counts scheduled days, so rest days and off-schedule days won't reset your progress.
- Individual habit streaks
- Smart rest day handling
- Consecutive day counting
- Visual streak indicators
7-Day Completion Rate
Every habit displays a mini progress bar showing your completion rate over the last 7 scheduled days, giving you quick insight into recent consistency.
- Weekly performance snapshot
- Per-habit tracking
- Visual progress bars
- Recent consistency insights
Monthly Calendar Heatmap
Inspired by GitHub's contribution graph, the calendar heatmap visualizes your habit completion over the entire month. Five intensity levels (from empty to full green) show how productive each day was.
- GitHub-style visualization
- Five intensity levels
- Full month overview
- Pattern recognition at a glance
Statistics Dashboard
Four stat cards summarize your habit data with key metrics that matter most for building lasting habits.
- Best Streak — longest consecutive completion
- This Week — current week completion rate
- Total — all-time completion count
- Active — number of tracked habits
Your Data Stays Private
All data is stored locally in your browser, ensuring complete privacy and control over your personal habit information.
No Account Required
No Uploads
No Tracking
Frequently Asked Questions
Will I lose my data if I close the browser?
No. Your habits and completion history are saved in your browser's local storage and persist between sessions. However, clearing your browser data will remove them.
What happens to my streak on rest days?
Rest days (days not included in your habit's repeat schedule) are ignored by the streak counter. For example, if you set a habit for Mon-Fri, Saturday and Sunday won't break your streak.
This smart scheduling ensures your streak reflects actual commitment to your chosen days, not arbitrary calendar continuity.
Can I track habits from past days?
Yes. Use the arrow buttons next to the date to navigate to any past day and mark habits as completed or uncompleted.
This feature is perfect for catching up on forgotten check-ins or correcting accidental completions.
What do the calendar colors mean?
The calendar uses a heatmap with five intensity levels. Lighter green means fewer habits completed that day, while darker green means more. Days with no completions remain gray.
How is the weekly rate calculated?
The weekly rate counts all scheduled habit slots from the start of the current week (Sunday) through today, then calculates what percentage were completed.
Example: If you have 3 habits scheduled Monday-Friday, that's 15 total slots per week. Completing 12 of them gives you an 80% weekly rate.
Can I edit or delete a habit?
Yes. Hover over any habit card to reveal the edit and delete buttons on the right side. Editing lets you change the name, icon, color, and schedule. Deleting removes the habit and all its history permanently.
No comments yet. Be the first to comment!