📝 Responsive Todo List

A simple, stylish, and responsive Todo List web app built using HTML, CSS, and JavaScript. This app allows users to add, update, and delete tasks while providing a clean UI with smooth effects.

🚀 Features

✅ Add new tasks ✅ Update existing tasks ✅ Delete tasks ✅ Responsive design (works on Desktop 💻, Tablet 📱, and Mobile 📱) ✅ Stylish gradient background with glassmorphism effect ✅ Smooth hover & transition animations

🖥️ Demo

👉 Live Demo Link ((https://todoapp1-js.netlify.app/))

🛠️ Technologies Used

HTML5 – structure

CSS3 – styling (responsive + modern UI)

JavaScript (Vanilla JS) – functionality

📂 Project Structure 📦 todo-list ┣ 📜 index.html # Main HTML file ┣ 📜 style.css # Styling & responsive design ┣ 📜 script.js # Todo logic (Add, Update, Delete) ┗ 📜 README.md # Project documentation

⚡ How It Works

Enter a task in the input field and press Add ➕

The task appears in the list with Delete ❌ and Update ✏️ options

To update, click update → edit in the input → press update button

Tasks are dynamically rendered with JavaScript

📱 Responsive Design

Desktop: Full-width centered container

Tablet: Adjusted width, balanced layout

Mobile: Stack layout with smaller spacing, touch-friendly buttons

🔧 Installation

Clone the repository:

git clone https://github.com/hassanasif653/TO-DO-APP.git

Open the index.html file in any modern browser.

🌟 Future Improvements

Add localStorage to save tasks permanently

Add categories/tags for tasks

Add dark/light mode toggle 🌙☀️

Add drag & drop task reordering

🙌 Contributing

Contributions are welcome!

Fork the repo 🍴

Create a new branch feature-xyz

Commit and push

Open a Pull Request

✨ Made with ❤️ using HTML, CSS, and JavaScript