📝 ToDo App

A modern and interactive ToDo application built with HTML, CSS, and JavaScript. Keep track of tasks, mark them as complete, and manage your daily productivity easily!

⸻

🌟 Features • ✅ Add, edit, and delete tasks • ✅ Mark tasks as completed • 🎨 Responsive and colorful UI design • ✨ Hover effects and animations for smooth interactions • 🔄 Clear all tasks or completed tasks easily • 💾 Saves tasks in local storage so you don’t lose them

⸻

🖥️ Demo

Play it live on GitHub Pages: https://Tejkumar-hacker.github.io/todo-app/

⸻

🛠️ Technologies Used • HTML5 – Structure of the app • CSS3 – Styling, animations, and responsive design • JavaScript – App logic, local storage management, and interactivity

⸻

🎮 How to Use 1. Open index.html in your browser. 2. Type a task in the input box and press Enter or click Add. 3. Click the checkbox to mark a task as completed. 4. Click the delete icon to remove a task. 5. Use Clear All to remove all tasks at once.

⸻

🎨 Customization • Change the color palette in style.css for your preferred theme. • Update hover effects or animations to match your style. • Modify script.js to add new features like task categories, deadlines, or priorities.

⸻

📂 Folder Structure

ToDo-App/ ├── index.html # Main HTML file ├── style.css # Styling and animations ├── script.js # App logic └── README.md # Project documentation

⸻

⚡ Quick Deployment with GitHub Pages 1. Push your repo to GitHub. 2. Go to Settings → Pages. 3. Select branch: main, folder: /root. 4. Save and open your live app:

https://Tejkumar-hacker.github.io/todo-app/

⸻

🏷️ License

This project is open source and free to use for learning and personal purposes.

⸻

✨ Stay productive and enjoy managing your tasks with this ToDo App! 📝