Lab 10 - Persistence: Import/Export

Due: .
  1. Build on earlier experience with the browser’s localStorage and location Web APIs to create a more featureful user experience.
  2. Build on earlier experience with the browser’s localStorage using the FileReader to support export/import of app state.
Categories:

  less than a minute  

Part 1: Persistodon 🦕

Learning Objectives

By the end of this lab, you should be able to:

  1. create (receive/parse) a “sharable link” such that another user of your app would get to a particular state of the app
  2. export from– and import to localStorage

Prerequisites

  1. beginning localStorage (e.g. as exercised in Lab 7 - Card Builder)
  2. Familiarity with the browser’s Location interface (e.g. as outlined in prep 10)

Instructions

  1. Begin with the starting code in the Persistodon repo
  2. Complete the Persistodon app as specified in the page’s aside.

Part 2: Transportodon 🦖

Learning Objectives

By the end of this lab, you should be able to:

  1. export from– and import to– localStorage

Prerequisites

  1. beginning localStorage (e.g. as exercised in Lab 7 - Card Builder)
  2. Familiarity with the browser’s FileReader API

Instructions

  1. Begin with the starting code provided by your instructor (e.g. from an assignment in your learning management system) or else in the Transportodon repo
  2. Complete the Transportodon app as specified in the page’s aside.