Skip to content

AdwaitPatel/TodoJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

12 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“ Advanced Todo App ๐Ÿ‘‰ Live Here

An elegant, interactive and feature-rich Todo List application built with vanilla JavaScript, HTML, and CSS โ€” featuring task editing, status tracking, local storage, toast notifications, and a celebratory confetti animation when all tasks are complete. ๐ŸŽ‰


๐Ÿš€ Features

  • โœ… Add, edit, delete, and complete tasks
  • ๐ŸŽฏ Prioritize tasks as High, Medium, or Low
  • ๐ŸŽจ Priority-based visual indicators and badges
  • ๐Ÿ”€ Tasks auto-sort by priority level
  • ๐Ÿง  Editable Pomodoro timer with Short and Long breaks
  • ๐Ÿ› ๏ธ Custom timer input fields with minimum limit validation
  • โฑ๏ธ Countdown timer with live display and mode switching
  • ๐Ÿงฎ Visual progress bar & dynamic task counter
  • ๐Ÿ”” Toast notifications with action feedback
  • ๐ŸŽ‰ Confetti celebration on task completion
  • ๐Ÿ“ฆ Persistent storage via localStorage
  • ๐Ÿ’… Stylish and responsive UI with CSS variables

๐Ÿ› ๏ธ Tech Stack

  • HTML5
  • CSS3 (with custom properties and transitions)
  • JavaScript (DOM, events, localStorage)

๐Ÿ“ธ Preview

App Screenshot App Screenshot


๐Ÿงฉ Bonus Features

  • ๐Ÿ”„ Reset completed tasks when all are done
  • ๐Ÿšซ Prevent false celebration when deleting last task
  • ๐Ÿ“ Modular layout with responsive two-column Pomodoro design

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published