Learning project: interactive to-do list built with HTML, CSS, and jQuery, featuring dynamic task creation and deletion.
- 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
- HTML5 + CSS3 (custom styling with gradient background and FontAwesome icons)
- jQuery (event delegation, DOM manipulation, animations)
- 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)
Open index.html in a browser.
Originally built as part of a Udemy front-end practice exercise.
MIT