To Do - Design

I thought it would be a good excercise to sketch out an idea of the features of the to-do list:

Step by step

  1. The to-do list should have a text input and and add button.
  2. The user should not be able to insert a blank to-do.
  3. The user can enter text and press the add button to create a to-do.
  4. Once the user enters their to-do and clicks add, the input field should be cleared.
  5. Once a to-do is created, the user can click a checkbox to move the item from To-Do to Done

Other potential features:

  1. Perhaps a clear button can appear on the "done items" list
  2. Maybe I should be able to click on a done item and re-instate it to my to-dos

Clickable Prototype