Smart Task Manager (To-Do App)

Overview:

A responsive and interactive task management web application built using HTML, CSS, and JavaScript, allowing users to efficiently add, edit, complete, and delete tasks. The app also uses localStorage to save user tasks permanently across sessions.

Key Features:

Add Tasks: Users can type a task and add it to the list with a single click.

Edit Tasks: Tasks can be edited before completion.

Task Completion: Checkbox toggles allow users to mark tasks as completed.

Sound Effects: Custom sound effects are triggered on edit, delete, and task completion.

Progress Bar: A dynamic progress bar visualizes the percentage of completed tasks.

Celebration Effect: When all tasks are completed, a confetti animation appears.

Delete Individual Tasks: Each task has its own delete button.

Delete All Tasks: A global delete button removes all tasks from the list.

Persistent Storage: All tasks are saved and loaded using localStorage.

Dark/Light Mode (Optional): Supports theme switching between dark and light modes.

UX Enhancements:

Keyboard cursor focuses on input during editing

Empty task list message with an icon

Responsive and clean UI/UX

Technologies Used:

HTML5 – Structure of the web page

CSS3 – Styling and layout

JavaScript (ES6+) – DOM manipulation, logic, and event handling

localStorage – Persistent data storage

Audio API – Play custom sounds

Canvas / Confetti.js (optional) – For celebration effect

Responsive Design:

Fully responsive for mobile, tablet, and desktop devices.