To-Do-List

To-Do List Web Application

This is a simple to-do list web application built using HTML, CSS, and JavaScript. It allows users to add, remove, and mark tasks as completed.

Features

• Add Task: Input field to add new tasks to the list.
• Mark Completed: Click on a task to mark it as completed, which strikes through the task name.
• Remove Task: Click on the delete icon (X) to remove a task from the list.
• Local Storage: Tasks are saved to the browser's local storage, so they persist even if the page is refreshed.

How to Use

1. Adding a Task:

   • Type your task in the input field labeled "Add your text".
   • Click the "Add" button to add the task to the list.

2. Managing Tasks:

   • Click on a task to mark it as completed.
   • Hover over a task and click the delete icon (X) to remove it from the list.

3. Saving Tasks:

   • Tasks are automatically saved to your browser's local storage.
   • To clear all tasks, you can clear your browser's local storage or delete individual tasks.

Setup Instructions

1. Clone the repository to your local machine:

   git clone https://github.com/Gyan0706/todo-list.git
   

2. Open index.html in your web browser to view and interact with the to-do list.

Technologies Used

• HTML5
• CSS3 (with Flexbox and animations)
• JavaScript (ES6)

License

This project is licensed under the MIT License - see the LICENSE file for details.