A modern and user-friendly Task Manager built with vanilla JavaScript.
This app helps users manage daily tasks efficiently with features like add, edit, delete, search, filter, sort, and local storage persistence.
- Add new tasks with title, description, and due date
- Edit existing tasks
- Mark tasks as completed or undo completion
- Delete tasks
- Search tasks by title
- Filter tasks (All, Pending, Completed)
- Sort tasks:
- Latest first
- Oldest first
- Due date
- A β Z
- Z β A
- Data stored in LocalStorage
- Clean and responsive UI
- HTML5
- Tailwind CSS
- Vanilla JavaScript
- LocalStorage API
- Task Manager
- index.html + tailwindcss
- script.js
- README.md
- User adds a task using the input fields
- Tasks are stored in an array and saved to LocalStorage
- On page reload, tasks are loaded from LocalStorage
- Clicking Edit fills the inputs and switches the button to Update
- Sorting, filtering, and searching work in real-time
All tasks are saved in the browser using LocalStorage:
- No backend required
- Data remains even after refreshing the page
- Easy and fast for small apps
Naeem Raza
Frontend Developer