About Project
A feature-rich task management application built with zero external dependencies using only vanilla JavaScript and native Web APIs. The app implements a Kanban-style board with drag-and-drop powered by the HTML5 Drag and Drop API. Tasks are persisted in LocalStorage with automatic save-on-change, and the entire application follows a responsive, mobile-first design philosophy with offline support.
Key Features
Drag & Drop
Native HTML5 drag-and-drop API implementation for moving tasks between columns with smooth animations and visual feedback.
Priority System
Color-coded priority levels (Critical, High, Medium, Low) with automatic sorting and filter-based views.
Deadline Tracking
Date-aware tasks with countdown timers, overdue alerts, and calendar-style deadline visualization.
Persistent Storage
Automatic LocalStorage serialization with JSON compression, version migration, and data export/import functionality.
Smart Filters
Multi-criteria filtering by priority, status, deadline proximity, tags, and custom search with instant results.
Dark/Light Mode
System-aware theme switching with manual override, smooth CSS transitions, and persistent preference storage.
Tech Stack
Project Preview
The Kanban board displays four columns: Backlog, In Progress, Review, and Done. Each task card shows priority color, title, description preview, deadline countdown, and assigned tags. Dragging a card shows a ghost preview at the drop target with smooth reorder animation.