📋 Task Manager
A simple Task Manager web application built using HTML, CSS, and JavaScript. It allows users to add, edit, delete, filter, and search tasks with details like status, priority, and due date.
🚀 Features
Add New Tasks – with description, status, priority, and due date.
Edit Existing Tasks – update details of any task.
Delete Tasks – remove tasks permanently.
Filter by Status – view All, Active, or Completed tasks.
Search Tasks – search by task description.
Responsive Modal Form – for adding and editing tasks.
🛠 Tech Stack
HTML5 – Structure of the app.
CSS3 – Styling and layout.
JavaScript (Vanilla) – Task logic, filtering, search, and form handling.
📂 Project Structure
TaskManager/ │── index.html # Main HTML file │── styles.css # Styling │── script.js # App logic
📸 How It Works
-
Open the app in your browser.
-
Use Add Task to create a new task.
-
Tasks will display in a table with:
Status (Active/Completed)
Description
Priority (High/Low)
Due Date
Actions (✏ Edit / 🗑 Delete)
-
Use the Filter dropdown to show tasks by status.
-
Use the Search bar to find tasks by description.
✅ Example Workflow
Add a task: "Finish project report", status: Active, priority: High Priority, due date: 2025-09-25.
Edit task later if needed.
Mark as Completed once done.
Search “report” in the search bar to quickly find it.
Delete tasks you don’t need anymore.
📦 Future Improvements
Local storage support (so tasks stay after refresh).
Sorting by due date or priority.
Notifications for overdue tasks.
Dark mode option.
👉 This README explains what the app does, how to use it, and how it’s built.