To-Do List

A simple To-Do List application built using HTML, CSS, and JavaScript. This application utilizes JSON-based local storage to save tasks, ensuring no data is lost even after refreshing the page.

---

Features

• 📝 Add Tasks: Quickly add tasks to your to-do list.
• ✅ Mark as Completed: Toggle tasks between completed and incomplete.
• 🗑️ Delete Tasks: Easily remove tasks from the list.
• 💾 Persistent Storage: Tasks are saved in the browser's local storage and loaded automatically on page refresh.
• 🎨 Icons for Actions: Intuitive icons for checking, unchecking, and deleting tasks.

---

Technologies Used

• HTML5: Structure of the application.
• CSS3: Custom styling for the interface.
• JavaScript: Adds interactivity and handles local storage.
• Local Storage: Used to save tasks in JSON format.

Live Demo

Check out the live version here: AkmToDo

Installation

To run the project locally, follow these steps:

1. Clone the repository:

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

2. Navigate to the project folder:

   cd to-do-list

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

   open index.html

No additional dependencies or installations are required.

Folder Structure

to-do-list/
├── images/            # Images and icons
├── styles.css         # Main CSS file         
├── script.js          # Main JavaScript file
├── index.html         # Home page
└── README.md          # Project documentation