A simple and user-friendly task management web application that allows users to add, view, and manage daily tasks efficiently with a clean and intuitive interface.
- 📝 Add tasks with Title and Description
- 📋 View all tasks in a structured table format
- 🔢 Automatic serial number generation
- ✏️ Edit existing tasks
- 🗑️ Delete completed or unwanted tasks
- 🎯 Clean and minimal UI for better productivity
- Title – Enter the task name
- Description – Describe the task details
- Add an Item to the List – Button to add the task
| S No. | Item Title | Item Description | Actions |
|---|---|---|---|
| 1 | Sample Task | Task description | Edit / Delete |
- HTML5 – Structure
- CSS3 – Styling & layout
- JavaScript (ES6) – Functionality & DOM manipulation
- Tasks are dynamically added to the list using JavaScript
- Each task is displayed with:
- Serial number
- Task title
- Task description
- Action buttons (Edit / Delete)
- Clean and responsive layout for smooth user experience
- Local storage support to save tasks
- Task completion status (checkbox)
- Search & filter functionality
- Dark mode UI
- Due date & priority tags
This project demonstrates:
- DOM manipulation
- Event handling in JavaScript
- Basic CRUD operations
- Clean UI design for productivity apps
Sumyya Sadre Alam
B.Tech ECE Student | Web Developer | UI Designer
const projectStatus = "Completed & Open for Enhancements";