ToDo List App
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

ToDo List App

This web app is an interactive to-do list tool that enables the user to record, check off and delete tasks.

The main purpose of this project was to develop my skills in jQuery (including setting, getting and manipulating elements in the DOM), as well as draw together techniques from HTML and CSS in conjunction.


Key functionality includes:

  • Fully interactive interface
  • Toggle new item text input (with pencil icon)
  • Add items to list by pressing enter key (items appended to end)
  • Tick off completed items (line-through)
  • Delete items with trash icon (also removed from DOM)
  • Trash icon animation (using CSS transition)


  • HTML
  • CSS
  • jQuery
  • Font Awesome
  • Google Fonts