A powerful and simple task management web application built using HTML, CSS, and JavaScript. This app helps users create, manage, prioritize, and filter their daily tasks β with data saved in the browser using Local Storage.
- β Add and delete tasks easily
- π Mark tasks as completed or pending
- πΌ Set high or low priority
- π Filter tasks: All | Completed | Pending | High Priority
- πΎ Data saved in Local Storage β stays even after refresh!
- HTML5
- CSS3
- JavaScript (Vanilla)
- Font Awesome (for icons)
- Local Storage API
## π Folder Structure
Task-Manager-Pro/
β
βββ index.html
βββ index.css
βββ index.js
βββ README.md
βββ screenshots/
βββ taskmanager.png
βββ demo.mp4
- Tasks are saved in the browserβs local storage as an array of objects.
- Each task contains:
name(text)status(true/false)priority(true/false)
- When users interact (add/delete/status/priority), the list is updated in both UI and storage.
- Type a task in the input box
- Click Add to save it
- Use βοΈ or β to toggle completion
- Use πΊ or π» to mark priority
- Use ποΈ to delete tasks
- Click filter buttons to see filtered results
Balaji S.K
Aspiring Full Stack Developer | Focused on clean UI + functional JS
GitHub Profile
If you liked this project, consider giving it a β on GitHub and sharing it with others!

