Feature List Task Management

1. Add a new task ✔️
2. Delete a task ✔️
3. Mark task as completed / incomplete ✔️
4. Edit task text (inline edit or modal) ✔️
5. Prevent empty tasks ✔️
6. Unique ID for each task ✔️

UI Basics

1. Input field + Add button ✔️
2. Task list rendering ✔️
3. Completed task styling (strike-through) ✔️
4. Empty state message (“No tasks yet”) ✔️
5. Placeholder in input "Add your new Task" ✔️
6. login page ✔️
7. signup page ✔️

Search

1. Search tasks by text ✔️
2. Case-insensitive search ✔️
3. Show “No matching tasks” message ✔️

Task Details

1. Due date ✔️
2. Priority (Low / Medium / High) ✔️
3. Optional description / notes ✔️
4. Category / Tag (Work, Personal, Study) ✔️
5. visual details for priority and overdue tasks ✔️

Drag & Drop

1. Reorder tasks using drag & drop
2. Persist order in storage

sort tasks on the basis of - priority, dueDate( increasing order) ✔️

Backend

1. Input validation ✔️
2. http server ✔️
3. authentication added ✔️
4. database added

Bulk Actions

1. Select multiple tasks
2. Delete selected tasks
3. Mark selected tasks as completed
4. Clear all completed tasks

Themes & Appearance

1. Light / Dark mode
2. Remember theme preference
3. Smooth transitions
4. Hover & focus states

Responsive Design

1. Mobile-friendly layout
2. Tablet support
3. Keyboard navigation (Enter to add ✔️, Esc to cancel edit)

JavaScript Quality

1. Event delegation (no multiple listeners)
2. Modular JS (separate functions) ✔️
3. Avoid global variables
4. Single source of truth for tasks array✔️

Optimization

1. Minimal DOM re-rendering
2. Efficient filtering logic
3. Clean separation of: state, UI rendering, event handling ✔️

BONUS (Stand-Out Features)

1. Task statistics (total / completed / pending)
2. Undo delete (toast notification)
3. Keyboard shortcuts
4. Export tasks as JSON
5. Import tasks
6. Simple animations when adding/removing tasks

next tasks

1. a feature to record performance of the day on the basis of many tasks are completed - like maybe in percentage
2. record performance of everyday ( performance of everyday should be visible)
3. add logout page
4. add user profile
5. some quote on starting page