https://rainingchicken.github.io/todo-list/
This is a project from Per Scholas bootcamp. We are practicing DOM manipulation. Other than the few hard-coded HTML elements, every element was dynamically created and appended with js. All styling was also pure js, including import of font, therefore there is no CSS file.
This web app is a cute pastel green themed todo list app. Some features include
- add button (or enter key) to log your todos
- delete button what deletes selected completed todo
- checkboxes
- line-through the checked / completed todo
- label elements to help with accesssibility
- so user can click on the words to check the checkbox
- buttons should change when hover or active
- checkboxes be the color of the body
- border bottom of the lists for clear separation between each tasks
- mayeb but probably not smoothing animation to the parent div when todos are added instad of abrupting increased height
- footer to link to github
- to deactivate add button when anothing is written in input box