A modern, feature-rich Task Manager / To-Do List Web App built with HTML, CSS, and Vanilla JavaScript. This project goes beyond a simple to-do list, providing categories, priorities, recurrence, bulk actions, import/export, and progress tracking β all wrapped in a responsive and animated UI.
- π§ Task Management
- β Add tasks with title, description, due date, priority, category, recurrence.
- βοΈ Edit existing tasks in place.
- ποΈ Delete tasks with a smooth fade-out animation.
- β Mark tasks complete (supports recurring tasks that auto-generate the next due date).
- Assign tasks to Work, Personal, Study or custom categories.
- Priority levels: High π΄, Medium π , Low π’ with color-coded badges.
- Logical sorting (High > Medium > Low).
- Overdue tasks are highlighted.
- "Today" badge for tasks due today.
- Sort tasks by created date, priority, or nearest due date.
- Progress Tracker: shows % of completed tasks with animated progress bar.
- Bulk Actions:
-
- Select multiple tasks
-
- Mark selected complete
-
- Delete selected
- Supports daily, weekly, monthly recurrence.
- New instance automatically generated after completion.
- LocalStorage persistence β your tasks are saved even after refreshing.
- Import/Export JSON for backups or moving data across browsers.
- Clean, modern responsive layout.
- Smooth animations for adding/removing tasks.
- Expand/collapse edit mode with highlighting.
π Live Demo
π¦ Task-Manager
βββ index.html # Main HTML page
βββ styles.css # App styling (responsive + animations)
βββ script.js # App logic (UI interactions)
βββ taskManager.js # Core TaskManager class (data handling)
βββ README.md # Documentation
- Clone the repo
git clone https://github.com/Angkon-Kar/Task_Manager.git
cd Task-Manager
- Simply open
index.htmlin your browser. - No build tools required (pure Vanilla JS).
- HTML5
- CSS3 (Flexbox, Animations, Responsive Design)
- Vanilla JavaScript (ES6+)
- LocalStorage API
- Main UI
- Edit Mode
- Drag & Drop task ordering
- Calendar view π
- Notifications / Reminders π
- Fork the repo
- Create a new branch (feature/my-feature)
- Commit your changes
- Submit a Pull Request π
- This project is licensed under the MIT License.
- Feel free to use, modify, and distribute as you like.