Skip to content

To-do list using HTML, CSS, and JavaScript that can create tasks, sort the task list, delete tasks, and store tasks permanently in local storage.

Notifications You must be signed in to change notification settings

Frontend-Code20/To-Do-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Responsive To-Do List App

A modern, responsive To-Do List web app that allows users to:

  • βœ… Create and manage tasks

  • πŸ”ƒ Reorder tasks using drag-and-drop

  • πŸ’Ύ Save tasks in localStorage (persistent across sessions)

  • ❌ Delete individual tasks

  • πŸ”˜ Select/mark tasks as completed

πŸš€ Features

  • Responsive Design – Works seamlessly on desktops, tablets, and mobile devices.

  • Task Creation – Add new tasks with a simple input field.

  • Task Selection – Mark tasks as complete/incomplete.

  • Drag & Drop Reordering – Easily rearrange tasks by dragging.

  • Persistent Storage – Tasks are stored in localStorage and reloaded on refresh.

  • Delete Tasks – Remove tasks from the list.

πŸ’» Technologies Used

  • HTML5

  • CSS3 (Responsive design using Flexbox and media queries)

  • JavaScript (Vanilla)

  • LocalStorage API

  • Drag-and-drop library (Sortable.js)

πŸ“„ License

MIT License. Feel free to use, modify, and share!

πŸ–ΌοΈ Preview

"First View" "Items View" "Info View"

About

To-do list using HTML, CSS, and JavaScript that can create tasks, sort the task list, delete tasks, and store tasks permanently in local storage.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published