📝 Todo App

A simple, localStorage-powered Todo List app built with vanilla JavaScript! 🚀 Perfect for beginners learning DOM manipulation, event handling, and basic state management.

---

🌟 Features

• ✅ Add new todos
• 🗑️ Delete todos
• ✏️ Edit existing todos
• ☑️ Toggle completion state
• 💾 Persist data using localStorage

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)
• LocalStorage API

---

🚀 Getting Started

1. Clone the repo

git clone https://github.com/chachaa10/todo-vanilla.git

1. Open index.html in your browser

• No build steps.
• No dependencies.
• Works out of the box.

---

📁 File Structure

📦 todo-app
├── css/
│   └── style.css
├── js/
│   └── main.css
├── .gitignore
├── LICENSE
├── index.html
├── package.json
├── README.md
├── pnpm-lock.yaml

---

🎯 What You’ll Learn

• 🧠 How to manage app state without frameworks
• 🖱️ How to handle DOM events properly
• 🔄 How to persist data locally
• 📐 How to structure small JavaScript projects

---

🙌 Contributing

Feel free to fork and play around. Pull requests welcome! Got a cool idea? Open an issue 💡

---

🧹 Future Improvements

• 🎨 Better styling (maybe Tailwind or Bootstrap?)
• 🌙 Dark mode toggle
• 🔍 Filtering by status (All, Active, Completed)
• 📱 Mobile responsiveness

---

📜 License

MIT License © chachaa10

---

Made with ❤️ and JavaScript