Introduction: A simple todo-list project with only HTML/CSS/JQuery external library and source

The effects includes:

• input box will fade-in/out when the "+" icon is clicked
• the delect icon will appear with transition when the hovering over the list item

external library and source:

• background gradients generation: https://uigradients.com/#Dania

• font: Roboto from Google font

• icon: from font-awesome

JQuery function:

• .click()

• .fadeOut()

• .fadeToggle()

• .toggleClass()