To-Do List Web Application

This is a simple and interactive To-Do List web app built with HTML, CSS, and vanilla JavaScript. It allows users to add, complete, delete, and filter tasks in a clean and responsive interface.

When the app loads, it first checks local storage for saved tasks. If no tasks are found, it fetches example tasks from the JSONPlaceholder API and displays them. All task updates are saved automatically, so they stay available after refreshing the page.

Features

• Add new tasks
• Mark tasks as completed
• Delete tasks with confirmation
• Filter by all, active, or completed tasks
• Save tasks using local storage
• Fetch sample tasks from an API
• Responsive and user-friendly design

Tech Stack

• HTML5
• CSS3
• JavaScript

Key Concepts

• DOM manipulation
• Event handling
• Async/await
• API fetching
• Local storage
• Conditional rendering
• Basic accessibility

How to Run

1. Clone the repository
2. Open the project folder
3. Open index.html in your browser