Todo List Application

A simple and intuitive Todo List web application where users can add, mark as complete, delete tasks, and save them to local storage.

Features

• Add Tasks: Users can add new tasks to their todo list.
• Mark as Complete: Checkboxes allow users to mark tasks as complete.
• Delete Tasks: Users can delete individual tasks from the list.
• Save Tasks: Tasks are stored in the browser's local storage, so they persist across sessions.

Technologies Used

• HTML: For structuring the web page.
• CSS: For styling the application.
• JavaScript: For interactivity and functionality.
• Bootstrap: For responsive design and styling components.
• Font Awesome: For icons (e.g., trash icon for delete).

Getting Started

Follow the steps below to get this project running locally:

Prerequisites

• A web browser (e.g., Chrome, Firefox, Edge).

Installation

1. Clone this repository to your local machine:

   git clone https://github.com/Darshanas17/Todo-List-HTML-CSS-JS.git

2. Navigate to the project directory:

   cd Todo-List-HTML-CSS-JS

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

   open index.html

File Structure

todo-list-app/
├── index.html       # Main HTML file
├── style.css        # CSS file for styling
├── script.js        # JavaScript file for functionality
└── README.md        # Project documentation

Usage

1. Open the application in your web browser.
2. Type a task in the input box and click the "Add" button to add it to the list.
3. Use the checkboxes to mark tasks as completed. Completed tasks will have a strikethrough.
4. Click the trash icon to delete a task.
5. Click the "Save" button to store the tasks in the browser's local storage.

Screenshots

Main Interface

Adding Tasks

Marking Tasks as Complete

Future Enhancements

• Add due dates and reminders for tasks.
• Integrate with a backend for user accounts and cloud storage.
• Implement drag-and-drop to reorder tasks.

License

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

---

Happy Coding!