A beautiful, modern task management application built with vanilla JavaScript, HTML, and CSS. TaskMaster helps you organize your daily tasks efficiently with a clean, Figma-inspired interface.
- Task Creation: Add new tasks with title, description, and due date
- Task Categorization: Organize tasks by Work, Personal, or Shopping categories
- Task Editing: Modify existing tasks with a user-friendly modal interface
- Task Deletion: Remove tasks with confirmation dialog
- Task Completion: Mark tasks as complete with visual feedback
- Due Date Notifications: Visual indicators for overdue and upcoming tasks
- Filter & SortSort: Filter by categories and sort by due date, priority, or creation date
- Local Storage: Persistent data storage - your tasks survive page reloads
- Dark/Light Mode: Toggle between themes with persistent preference
- Priority Levels: Set task priority (Low, Medium, High) with color coding
- Smart Notifications: Toast notifications for task actions and overdue reminders
- Responsive Design: Works perfectly on desktop, tablet, and mobile devices
- Keyboard Shortcuts: Quick access with Ctrl+N (new task) and Escape (close modal)
- Beautiful UI: Modern design with smooth animations and hover effects
- Clone or download this repository
- Open
index.htmlin your web browser - Start managing your tasks!
- Complete: Click the checkmark icon to mark as done
- Edit: Click the edit icon to modify task details
- Delete: Click the trash icon to remove the task
- Filter: Use the sidebar to filter by category
- Sort: Use the dropdown to sort by due date, priority, or creation date
- Sidebar: Switch between "All Tasks" and specific categories
- Statistics: View completed and pending task counts
- Theme Toggle: Switch between light and dark modes