TaskFlow - Modern To-Do App

TaskFlow is a sleek, modern, and responsive to-do web application built with HTML, CSS, and JavaScript. It provides a comprehensive solution for managing your daily tasks with a clean, intuitive, and user-friendly interface. All data is stored locally in your browser, ensuring your tasks are saved between sessions.

🚀 Features

• ✅ Create & Manage Tasks: Easily add, edit, and delete tasks.
• ✅ Mark as Complete: Mark tasks as completed with a single click.
• ✅ Persistent Storage: Tasks are saved in your browser's local storage.
• ✅ Task Filtering: View all, pending, or completed tasks.
• ✅ Real-time Stats: Get instant updates on total, pending, and completed tasks.
• ✅ Responsive Design: Works seamlessly on desktop, tablet, and mobile devices.
• ✅ Modern UI: Clean, professional interface with smooth animations and transitions.
• ✅ User-Friendly Modals: Professional modals for editing and deleting tasks.
• ✅ Notifications: Get feedback for all your actions (add, complete, delete).

🛠️ Technologies Used

• HTML5: For the main structure and content.
• CSS3: For modern styling, animations, and responsive design.
• JavaScript (ES6+): For all functionality, including task management and local storage.
• Font Awesome: For clean and professional icons.

📁 Project Structure

A Basic To-Do Webapp/
├── index.html          # Main HTML file for the application
├── styles.css          # All CSS styling and responsive design
├── script.js           # Core JavaScript functionality
└── README.md           # This documentation file

🚀 Getting Started

No complex setup is required to run this application. Just follow these simple steps:

1. Clone or Download the project files to your local machine.
2. Open index.html in your favorite web browser (e.g., Chrome, Firefox, Safari).
3. That's it! You can now start adding and managing your tasks.

💡 How to Use

• Add a Task: Type your task in the input field at the top and click "Add Task" or press Enter.
• Complete a Task: Click the checkbox next to a task to mark it as complete.
• Edit a Task: Click the edit icon to open a modal and modify the task text.
• Delete a Task: Click the delete icon and confirm to remove a task permanently.
• Filter Tasks: Use the sidebar navigation to switch between "All", "Pending", and "Completed" views.

📄 License

This project is a personal project and is not licensed for distribution.