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
بطاقة العمل
طلب عمل مماثل