Page loads

User types localhost/wamp into browser

Page loads

Items on either list are persisted if the page is refreshed or if the server is stopped and restarted

Form interaction

User clicks or tabs into input field

Field goes into focus

User enters information into field, it displays

If the user clicks enter or the plus button without entering anything then a pop displays telling them to enter information

Adding to task list

User presses enter or clicks the add button

Information is sent to server and added to the list

Marking a task done

User left clicks on item in list

The clicked item is moved to the bottom with the test striked-through and opacity minimized

A message appears displaying the count of how many items are marked done

Deleting a task

Clicking an item that is marked done fades it out, the message refreshes showing the new count and that item is deleted

If there is no items then the count message does not display anything and the second half of the list is hidden