📝 MODERN TODO APP

🔗 Live Demo

A clean and modern Todo List Web App built using pure HTML, CSS, and JavaScript. Manage your daily tasks with a smooth UI, smart interactions, and responsive design 🚀

---

✨ Key Highlights

• ⚡ Fast and lightweight (no frameworks)
• 🎨 Modern glass-morphism UI
• 📱 Fully responsive design
• ✏️ Inline edit (double click to edit)
• 🔝 New tasks appear at the top
• 🚫 Duplicate task prevention
• 💾 Data stored in localStorage

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript

---

🚀 Features

• ➕ Add new tasks instantly
• 🔝 Latest tasks appear on top
• ✔ Click to mark as completed (strike animation)
• ✏️ Double click to edit tasks inline
• ❌ Delete tasks easily
• 🚫 Prevent duplicate entries
• 💾 Auto save using localStorage
• ⌨️ Enter key support for quick input

---

📸 Screenshots

📸 📸

---

⚙️ Installation

Follow these steps to run locally:

# 1. Clone the repository
git clone https://github.com/webdev-desktop/Todo-JS.git

# 2. Navigate to folder
cd Todo-JS

# 3. Open in browser
Open index.html

---

🧑‍💻 How to Use

1. Enter your task in the input box
2. Press Enter or click ➕
3. Click on task → mark as complete
4. Double click → edit task
5. Click ❌ → delete task
6. Tasks auto-save in browser

---

🔮 Future Improvements

• 📊 Task progress tracker
• 🔍 Filter (All / Completed / Pending)
• 🌙 Dark/Light mode toggle
• ☁️ Firebase integration
• 🧠 Smart task suggestions

---

🤝 Contribution

Contributions are welcome!

# Fork the repo
# Create new branch
git checkout -b feature/your-feature

# Commit
git commit -m "Add feature"

# Push
git push origin feature/your-feature

Then open a Pull Request 🚀

---

👨‍💻 Author

Apurv 🔗 GitHub

---

📄 License

This project is licensed under the MIT License.

---

⭐ Support

⭐ If you like this project, don't forget to star the repo!