TO-DO App

This is a simple and user-friendly TO-DO App built using *HTML, **CSS, and *JavaScript. The application allows users to manage tasks efficiently with features like adding, deleting, and marking tasks as complete. Tasks are stored in the browser's localStorage to ensure persistence across page reloads.

Features

• Add Tasks: Users can add tasks by entering the task name and clicking the "Add Task" button.

• Delete Tasks: Users can delete tasks by clicking the "Delete" icon next to each task.

• Mark Tasks as Complete: Users can mark tasks as complete by clicking on the task. Completed tasks are visually distinguished.

• Persistent Storage: All tasks are saved in the browser's localStorage, ensuring they remain available even after the page is refreshed.

• Responsive Design: The app is optimized for different screen sizes and includes a scrollbar for overflowing tasks.

Installation

1. Clone the repository: bash git clone https://github.com/RIYAKUMARI001/To-do-list.git

2. Navigate to the project directory: bash cd todo-app

3. Open index.html in your browser to run the app.

Usage

1. Open the app in your browser.

2. Enter a task in the input field and click the "Add Task" button to add it to the list.

3. Click on a task to mark it as complete. The task will be highlighted and crossed out.

4.Use the "Delete" icon to remove tasks from the list.

Demo

Technologies Used

• HTML: Structure of the application.

• CSS: Styling and layout.

• JavaScript: Dynamic behavior and interactivity.

Enhancements

Future enhancements that could improve the app:

• Add categories or labels for tasks.
• Allow task editing.
• Implement a due date and reminders feature.
• Add animations for better UX.

LIVE DEMO - https://riyakumari001.github.io/To-do-list/