Startup

SketchSystems.spec

Startup
  Login*
    login -> URL
  URL
    none -> Fetch Local Storage
    enrolled -> Enrolled Course
    group -> Groups
    course -> Courses
  Fetch Local Storage
    none -> Fetch Courses
    enrolled -> Enrolled Course
    group -> Groups
    course -> Courses
  Fetch Courses
    current -> Current
    then -> Fetch Local Storage
    Current
      single enrolled -> Enrolled Course
      multiple enrolled -> Choose Enrolled

App
  Start
  Enrolled
    Choose Enrolled
      choice -> Enrolled Course
    Enrolled Course
      choice -> Choose Enrolled
  Groups
  Courses

SketchSystems_prototype.js

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