A simple and responsive To-Do List web application built using HTML, CSS, and Vanilla JavaScript, with Local Storage support to persist tasks across browser sessions
- Add new tasks with ease
- Mark tasks as completed or uncompleted
- Delete individual tasks
- Tasks are saved automatically using browser Local Storage
- HTML – Structure of the application
- CSS – Styling and layout
- JavaScript – Application logic and DOM manipulation
- Local Storage API – Persistent data storage in the browser
The application stores all tasks in the browser’s Local Storage as a JavaScript object/array. On page load, tasks are fetched from Local Storage and rendered dynamically. Any change (add, delete, update status) immediately updates both the UI and Local Storage.
todo-list/
│
├── index.html
├── style.css
├── script.js
└── README.md
- Clone the repository or download the source code
- Open index.html in any modern web browser
- Start adding your tasks