Skip to content

A minimal, responsive, and draggable Todo app built with vanilla JavaScript, HTML, and CSS. Includes localStorage persistence, custom checkboxes, smooth animations, and drag-and-drop reordering.

License

Notifications You must be signed in to change notification settings

MDJAmin/draggable-todo-app-html-css-javascript-responsive-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo

Check out the live demo: GitHub Pages Demo

Mini Todo App

This is a simple and interactive todo app built with HTML, CSS, and JavaScript. The app allows users to add, delete, mark tasks as complete, and reorder them by dragging and dropping. It also saves todos to localStorage, so the list persists even after refreshing the page.

Features

  • Add Todo: Users can add new todos to the list.
  • Delete Todo: Todos can be deleted by clicking the delete button.
  • Mark Complete: Users can mark todos as complete with a checkbox.
  • Drag and Drop: Todos can be reordered by dragging and dropping them.
  • Persistent Storage: Todos are saved in the browser's localStorage and persist across page reloads.

Technologies Used

  • HTML: Structured the content and elements for the Todo App.
  • CSS: Styled the app, including the todo list, buttons, and checkboxes.
  • JavaScript: Handles adding, deleting, marking complete, and drag-and-drop reordering of todos.
  • localStorage: Stores todos in the browser to persist data.

Setup

  1. Open the index.html file in your browser to view the app.

License

This project is for educational and personal use.

Author

Created by MDJAmin. Check out more projects on GitHub.

About

A minimal, responsive, and draggable Todo app built with vanilla JavaScript, HTML, and CSS. Includes localStorage persistence, custom checkboxes, smooth animations, and drag-and-drop reordering.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published