Course PDP*

SketchSystems.spec

Course PDP*
  Join via nav -> Onboarding
  
  Default
    add to cart -> Checkout
  Sold Out & Past
    sign up for mailing list
  Purchased
    view course -> Course Portal
    
Checkout
  checkout -> Transactional Welcome Email

Transactional Welcome Email
  create profile -> Onboarding

Onboarding
  arrived from welcome email -> Create Password
  arrived from elsewhere -> Enter Email Address
  Enter Email Address
    account exists -> Enter Password
    no account -> Create Password
  Enter Password
    forgot password -> Reset Password
  Create Password*
    next -> Step n
  Step n
    next -> Step n plus 1
  Step n plus 1
    previous -> Step n
    next -> Complete
  Complete
    view profile -> Profile

Profile
  click course -> Course Portal

Reset Password
  enter email -> Transactional Email
  Transactional Email
    click link -> Create New Password
  Create New Password

Course Portal
  Syllabus*
   click lesson link -> Lesson n
  Lesson n
    next lesson -> Lesson n plus 1
  Lesson n plus 1

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}`);
}