📝 Todo Planner

A clean, modern todo application built with vanilla HTML, CSS, and JavaScript. Features a responsive design with smooth animations and an intuitive user interface.

✨ Features

• Add Tasks: Create new todos with a simple input field
• Mark Complete: Check off completed tasks with visual strikethrough
• Delete Tasks: Remove unwanted todos with a single click
• Responsive Design: Works seamlessly on desktop and mobile devices
• Smooth Animations: Elegant fade-in effects for new tasks
• Empty State: Helpful message when no todos exist
• Keyboard Support: Press Enter to quickly add tasks

🚀 Quick Start

1. Clone the repository

   git clone <your-repo-url>
   cd Todo

2. Open in browser

   # Simply open index.html in your preferred browser
   open index.html

3. Start organizing!

   • Type your task in the input field
   • Press Enter or click the + button to add
   • Check the checkbox to mark as complete
   • Click × to delete tasks

🛠️ Tech Stack

• HTML5 - Semantic structure
• CSS3 - Modern styling with flexbox and animations
• Vanilla JavaScript - Clean, dependency-free functionality

📱 Browser Support

• ✅ Chrome (recommended)
• ✅ Firefox
• ✅ Safari
• ✅ Edge

🎨 Design Features

• Clean, minimalist interface
• Subtle shadows and rounded corners
• Smooth hover effects
• Custom scrollbar styling
• Mobile-first responsive design
• System font stack for optimal readability

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

Feel free to fork this project and submit pull requests for any improvements!

---

Built with ❤️ using vanilla web technologies