Smart Tracker

Features

? Add & Manage Habits - Create habits with custom targets and frequencies

? Progress Tracking - Visual progress bars and real-time statistics

? Flexible Frequency - Track habits daily or weekly

? Streak Counter - Keep track of your longest streaks

? Dark Mode - Eye-friendly dark theme toggle

? Smart Notifications - Toast notifications for important events

? Search & Filter - Filter habits by status or search by name/tags

?️ Tags & Priority - Organize habits with tags and priority levels (Low, Medium, High)

? Fully Responsive - Works seamlessly on mobile, tablet, and desktop

? Local Storage - All data stored locally using IndexedDB (server-side not needed, but live server required)

? Drag & Drop - Reorder habits with intuitive drag-and-drop functionality

↩️ Undo Delete - Recover accidentally deleted habits

Technologies Used

Front-end

HTML5 - Semantic markup

CSS3 - Modern styling with CSS variables, Grid & Flex-box

JavaScript (ES6+) - Application logic and state management

Font Awesome - Icon library

Google Fonts - Open Sans typeface

Storage & Libraries

IndexedDB - Client-side database for persistent storage

idb.js - Promise-based IndexedDB wrapper for cleaner API

Architecture

ES6 modules for code organization

Responsive design with mobile-first approach

State management pattern

Event-driven architecture