📋 My Tasks – To-Do List App

A simple and colorful to-do list application built with HTML, CSS, and JavaScript. Stay productive, track your tasks, and switch between light and dark modes effortlessly.

📸 Preview

✨ Features

1. Add, complete, and delete tasks.
2. Clear all tasks at once.
3. Visual progress tracker for completed tasks (progress bar and number circle).
4. Responsive design for desktop and mobile.
5. Light/Dark mode toggle with clickable moon 🌙 / sun ☀️ symbols.
6. Pastel animated background with smooth gradients.

💻 Technologies

Technology	Role
HTML	Structure and Semantic Markup.
CSS	Styling, Animations, Gradient Backgrounds, and Dark Mode implementation.
JavaScript	Core application logic (Add/Delete/Complete), DOM manipulation, and localStorage for saving tasks.

🚀 How to Use

1. Add a Task: Type in the input field → click +.
2. Complete a Task: Check the checkbox next to the task.
3. Delete a Task: Click X on an individual task item.
4. Clear All Tasks: Click the Clear all button at the bottom.
5. Track Progress: The progress bar and number circle update automatically.
6. Switch Theme: Click the moon 🌙 / sun ☀️ symbols above the header.

⚙️ Installation

To get a local copy up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/Dakshaaaaa/To-do-list.git

2. Open in Browser: Simply open the index.html file in your web browser.

📜 License

This project is licensed under the MIT License.

MIT License © 2025 Daksha Pawar