Skip to content

Learning project: interactive to-do list built with HTML, CSS, and jQuery, featuring dynamic task creation and deletion.

License

Notifications You must be signed in to change notification settings

scottdaigger/todo-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

todo-list

Learning project: interactive to-do list built with HTML, CSS, and jQuery, featuring dynamic task creation and deletion.

Features

  • Add new tasks by typing and pressing Enter
  • Mark tasks complete by clicking on them
  • Delete tasks with a trash icon (fade-out animation)
  • Show/hide input field with a toggle button

Tech

  • HTML5 + CSS3 (custom styling with gradient background and FontAwesome icons)
  • jQuery (event delegation, DOM manipulation, animations)

What I Practiced

  • Dynamic DOM updates with jQuery
  • Event delegation for elements added after page load
  • Animations and UI effects with .fadeOut() and .fadeToggle()
  • Managing task states (completed vs. active)

Run Locally

Open index.html in a browser.

Credits

Originally built as part of a Udemy front-end practice exercise.

License

MIT

About

Learning project: interactive to-do list built with HTML, CSS, and jQuery, featuring dynamic task creation and deletion.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published