Skip to content

A simple and powerful task management app built using HTML, CSS, and JavaScript with filtering and local storage support.

Notifications You must be signed in to change notification settings

Balaji-keh06/task-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ—‚οΈ Task Manager Pro

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.


πŸš€ Features

  • βœ… 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!

πŸ”§ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)
  • Font Awesome (for icons)
  • Local Storage API

πŸ“Έ Screenshot

Screenshot


πŸŽ₯ Demo Video

Watch Video


## πŸ“‚ Folder Structure

Task-Manager-Pro/
β”‚
β”œβ”€β”€ index.html
β”œβ”€β”€ index.css
β”œβ”€β”€ index.js
β”œβ”€β”€ README.md
└── screenshots/
    └── taskmanager.png
    └── demo.mp4


🧠 How It Works

  • 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.

πŸ“Œ How to Use

  1. Type a task in the input box
  2. Click Add to save it
  3. Use βœ”οΈ or ❌ to toggle completion
  4. Use πŸ”Ί or πŸ”» to mark priority
  5. Use πŸ—‘οΈ to delete tasks
  6. Click filter buttons to see filtered results

πŸ‘¨β€πŸ’» Author

Balaji S.K
Aspiring Full Stack Developer | Focused on clean UI + functional JS
GitHub Profile


🌟 Show Your Support

If you liked this project, consider giving it a ⭐ on GitHub and sharing it with others!

About

A simple and powerful task management app built using HTML, CSS, and JavaScript with filtering and local storage support.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published