Video Tutor

SketchSystems.spec

Video Tutor
  Login Module
    Unauthorized Dashboard
      existing user -> SignIn
      new user -> SignUp
    SignUp
      already an user -> SignIn
      submit info -> SubscribeUser
    SubscribeUser
      user pick a plan -> 2checkoutSubscribtion
    2checkoutSubscribtion
      finishSubscription -> Authorized Dashboard
    SignIn
      submit username and password -> Authorized Dashboard
      user has forgot password -> ForgotPassword
    ForgotPassword
      reset password -> SignIn
  Dashboard
    Authorized Dashboard
      user check inbox -> ShowTutorMessages
    ShowTutorMessages
    

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