This is a simple web-based TO-DO LIST application that helps you manage your daily tasks efficiently. You can add new tasks, edit existing ones, mark them as completed, and delete tasks you no longer need.
- Add Tasks: Easily add new tasks to your list.
- Edit Tasks: Modify task details as needed.
- Delete Tasks: Remove tasks that are completed or no longer relevant.
- Mark as Completed: Check off tasks when they're done.
- Responsive Design: Optimized for both desktop and mobile devices.
- Data Persistence: Tasks are saved in local storage, so your list remains even after refreshing the page.
- HTML5
- CSS3
- JavaScript (ES6)
- Local Storage API
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/olhamy/TO-DO-LIST.git
-
Navigate to the project directory:
cd TO-DO-LIST
-
Open
index.html
in your web browser:-
For Windows:
start index.html
-
For macOS:
open index.html
-
Or simply drag and drop the
index.html
file into your browser.
-
-
Adding a Task:
- Enter your task in the input field.
- Click the Add button or press Enter to add the task to the list.
-
Editing a Task:
- Click on the task text you wish to edit.
- Modify the text and press Enter to save changes.
-
Marking a Task as Completed:
- Click the checkbox next to the task to mark it as completed.
- Completed tasks may appear crossed out or moved to a different section.
-
Deleting a Task:
- Click the Delete button (usually represented by a trash can icon) next to the task you want to remove.
(Note: Replace the placeholder images with actual screenshots from the project.)
- Author: Olha Mykhailova
- GitHub: olhamy
This project is open-source and available under the MIT License.