To-Do List Project

A simple and interactive To-Do List application built using HTML, CSS, and JavaScript. This project helps users to manage their daily tasks by allowing them to add, delete, and mark tasks as completed.

Features

• Add Task: Users can add new tasks to the to-do list.
• Delete Task: Users can remove tasks from the list.
• Mark as Completed: Users can mark tasks as completed, which visually differentiates them from pending tasks.
• Persistent Data: The application saves the tasks in the local storage, so they are not lost on page reload.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/to-do-list.git

2. Navigate to the project directory:

   cd to-do-list

3. Open the index.html file in your preferred web browser:

   open index.html

Usage

1. Add a Task: Enter your task in the input field and click the "Add" button or press Enter.
2. Delete a Task: Click the "Delete" button next to the task you want to remove.
3. Mark as Completed: Click on the task text to mark it as completed. Click again to unmark.

Code Structure

• index.html - The main HTML file that contains the structure of the application.
• styles.css - The CSS file that contains the styling for the application.
• script.js - The JavaScript file that contains the logic for the application.