Todo List

Brief

• Make an interactive todo list that can save tasks, mark tasks as complete, and delete tasks
• Bonus: use localStorage to save the tasks on refresh of the page

Concepts used

• Event listeners: clickable buttons (add, delete todo) and clickable areas (todo-is-complete) and keypress (save todo on "return" key)
• Utilising WebAIM standards to make the entire tool accessible to screen-readers, keyboard-only, colourblind-friendly contrast etc
• localStorage to save the tasks on refresh of the page

Problems encountered

• Local storage was a new concept for me, it was quite difficult to understand how to use it
• Due to my original setup, the HTML of newly added tasks was hard to keep consistent with the existing tasks (which caused inconsistent styling)