Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

27 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Task Manager App

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.


πŸš€ Features

  • 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

πŸ› οΈ Built With

  • HTML5
  • Tailwind CSS
  • Vanilla JavaScript
  • LocalStorage API

πŸ“‚ Project Structure

  • Task Manager
  • index.html + tailwindcss
  • script.js
  • README.md

βš™οΈ How It Works

  1. User adds a task using the input fields
  2. Tasks are stored in an array and saved to LocalStorage
  3. On page reload, tasks are loaded from LocalStorage
  4. Clicking Edit fills the inputs and switches the button to Update
  5. Sorting, filtering, and searching work in real-time

πŸ’Ύ LocalStorage

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

πŸ“Έ Preview

πŸ‘€ Author

Naeem Raza
Frontend Developer

About

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.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages