Skip to content

A simple to-do list web app built with HTML, CSS, and JavaScript that uses browser local storage to save tasks persistently.

Notifications You must be signed in to change notification settings

monikabaabu/To-Do-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To-Do List

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

Features

  • Add new tasks with ease
  • Mark tasks as completed or uncompleted
  • Delete individual tasks
  • Tasks are saved automatically using browser Local Storage

Tech Stack

  • HTML – Structure of the application
  • CSS – Styling and layout
  • JavaScript – Application logic and DOM manipulation
  • Local Storage API – Persistent data storage in the browser

How It Works

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.

Folder Structure

todo-list/
│
├── index.html
├── style.css
├── script.js
└── README.md

Getting Started

  • Clone the repository or download the source code
  • Open index.html in any modern web browser
  • Start adding your tasks

About

A simple to-do list web app built with HTML, CSS, and JavaScript that uses browser local storage to save tasks persistently.

Resources

Stars

Watchers

Forks