A dynamic To-Do list: users can add, remove, edit, check and filter tasks.
This project demonstrates DOM manipulation, handling events and using local storage. The project is inspired by this site.
- Add new tasks to the to-do list
- Mark a task as completed
- Uncheck a task
- Delete a task from the to-do list
- Edit a task with a double click
- Select all tasks and mark them as completed
- Select all tasks and uncheck them
- Filter tasks: all tasks, active tasks, completed tasks
- Clear all completed tasks from the to-do list
- View the number of unfinished tasks
- Persistent data: tasks are saved in the browser's 'Local storage' and remain unchanged after refreshing or closing the browser
- HTML
- CSS
- JavaScript
- Clone the repository:
git clone https://github.com/alexandrastroiu/to-do-list.git
- Navigate to the project directory:
cd to-do-list
- Open the html file in your browser.
.png)