Registration

SketchSystems.spec

Registration
  Enter name -> Hub
Hub
  Rate people -> Tinder
  Edit profile -> Profile editor
Hub pages
  Profile editor
    Set name -> Name setter
    Set photo -> Photo setter
    Set bio -> Bio setter
    Destroy data -> Destroy dialog
  Tinder
    Next -> Tinder
    Y YY NN -> Tinder
  Back to hub -> Hub

Destroy dialog
  Yes -> Registration
  No -> Profile editor

Profile editor pages
  Name setter
  Photo setter
  Bio setter
  Back -> Profile editor

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}