TaskFlow - Simple To-Do List

A clean, modern, and responsive to-do list web application built with HTML, CSS, and JavaScript. Tasks are saved automatically in your browser using localStorage.

✨ Features

• ✅ Add new tasks quickly
• ✅ Mark tasks as completed
• ✅ Delete individual tasks
• ✅ Real-time task statistics (Total & Completed)
• ✅ Beautiful, modern UI with smooth animations
• ✅ Fully responsive design (works great on mobile)
• ✅ Tasks persist even after closing the browser
• ✅ Bonus: Press Ctrl + Delete to clear all completed tasks
• ✅ Empty state message when no tasks are present

🛠️ Technologies Used

• HTML5
• CSS3 (with CSS Variables & Flexbox)
• Vanilla JavaScript
• localStorage for data persistence

📂 Project Structure

taskflow/ ├── index.html ├── styles.css ├── script.js └── README.md

🚀 How to Run

1. Download or create the four files in the same folder:
   • index.html
   • styles.css
   • script.js
   • README.md
2. Open index.html in any modern web browser.

No installation or server needed — it works completely offline!

🎮 How to Use

• Type a task and click "Add Task" or press Enter
• Check the box to mark as completed
• Click the red × button to delete a task
• Press Ctrl + Delete to clear all completed tasks

📱 Responsive

Fully responsive and looks great on desktop and mobile devices.

---

Build using HTML, CSS & JavaScript