Persistent Shopping

Data

Groceries

click on an item in the purple box to remove it

Add an Item

About

Demonstrates a persistent data structure, in this case, a shopping list.

You can add items to the grocery list by using the text box and the "add item" button.

You can delete items from the grocery list by clicking on them.

You can save the contents of the list to local storage by using the "save" button.

You can load previously saved data from local storage by using the "load" button.

You can clear the saved grocery list with the "clear" button. That's mostly for debugging.

Ajax saving is similar, but you have to login first.

Local Storage

save to local storage load from local storage clear local storage

Cloud Storage

save to cloud storage load from cloud storage clear cloud storage