web
✓ Completed
May 2024
HabitFlow - Advanced Habit Tracker
HabitFlow is a modern, comprehensive habit tracking application built with Next.js 14 and cutting-edge web technologies. Designed to help you build lasting habits through intuitive design, powerful analytics, and gamified progress tracking. Features include multiple habit types (Boolean, Counter, Timer), rich analytics dashboard with interactive charts, GitHub-style calendar visualization, achievement system with streaks and badges, dark mode support, and local-first data persistence.
Tech Stack
Next.js 14React 18TypeScriptTailwind CSSZustandRechartsshadcn/ui
Key Features
Multiple Habit Types: Boolean (yes/no), Counter (numeric goals), Timer (duration-based)
Rich Analytics Dashboard with Interactive Charts
GitHub-Style Calendar with Visual Heatmap
Achievement System with Streaks and Badges
Category Organization (Health, Fitness, Mindfulness, etc.)
Flexible Scheduling (Daily, Weekdays, Custom Intervals)
Data Management (Export/Import JSON/CSV)
Dark Mode with System Preference Detection
Local-First Data Persistence
Fully Responsive Mobile-First Design
Project Info
Categoryweb
StatusCompleted
DateMay 2024
Technologies7
Project Gallery
Image 1
Image 2