100
JS
Projects.com

  • Home
  • Projects
  • About
GitHubBuy me a coffee

© 2025 100 JS Projects. All rights reserved.

To do List Project - HTML, CSS, JavaScript

project image

Project description

In this project, we create a modern to do list. We can add a new task to the list using the input field. Plus, our to-do list is unique in that even after refreshing the page, the tasks remain saved. By utilizing JavaScript, we'll show you how to set and get items from local storage. With each task, there are two icons: a check mark and a trash bin. The check mark allows you to mark the task as completed, while the trash bin lets you delete the task. Each task will also be saved in the local storage.

To do List Project Live Demo (Preview)

Live Demo

To do List Project Source Code (Github)

Source Code