📝 To-Do List Web Application

A clean, modern To-Do List built with Vanilla JavaScript featuring a beautiful light theme with green accents. Manage your tasks efficiently with persistent storage and responsive design.

✨ Features

• ✅ Add, Edit, Delete Tasks - Complete task management
• 🔍 Filter Tasks - View All, Pending, or Completed tasks
• 📊 Real-time Statistics - Track your progress
• 💾 Persistent Storage - Tasks saved automatically
• 📱 Responsive Design - Works on all devices
• 🎨 Modern UI - Clean light theme with green accents
• ⌨️ Keyboard Shortcuts - Enhanced productivity

🚀 Quick Start

1. Download or clone this repository
2. Open index.html in your web browser
3. Start adding tasks and stay organized!

# Optional: Run with local server
python -m http.server 3000
# Then open http://localhost:3000

🎮 How to Use

• Add Task: Type in the input field and press Enter or click "Add Task"
• Complete Task: Click the checkbox next to any task
• Edit Task: Click the "Edit" button and modify the text
• Delete Task: Click the "Delete" button and confirm
• Filter Tasks: Use All/Pending/Completed buttons to filter view
• Bulk Actions: Clear completed tasks or all tasks at once

🎨 Color Palette

• Text: #191c0d - Dark green for readability
• Background: #f9faf3 - Light cream base
• Primary: #93ad58 - Natural green accents
• Secondary: #c8d498 - Light green highlights
• Accent: #aab090 - Sage green borders

🛠️ Tech Stack

• HTML5 - Semantic structure
• CSS3 - Modern styling with animations
• Vanilla JavaScript - ES6+ features, no frameworks
• Font Awesome - Beautiful icons
• localStorage - Data persistence

📱 Browser Support

Works on all modern browsers: Chrome, Firefox, Safari, Edge (60+)

---

Built with ❤️ using Vanilla JavaScript