3. Designing your first schema
1m

Demo app

What you'll build: https://workshop-catstronauts.netlify.app/

Activity: Create a sketch of the data needed for the Catstronauts app

Goal: Create a sketch of the data needed for the Catstronauts app.

  • Use the mockups below to name all the data fields the UI needs.
  • Label each field with the kind of data it represents (Int, String, Boolean, etc.).
  • Group related pieces of data into types.

Tip: Want to draw digitally? Use excalidraw.com.

Types of data:

  • Int
  • String
  • Boolean

Mockups

Our solution

Previous
Next