Open App

SketchSystems.spec

Open App
  from home screen -> Is user authorized?
  from email or deep link -> Email link type
  

Root
  Logged Out
    Is user authorized?
      Yes -> Logged In
      No -> Splash
    Email link type
      Reservation link -> LoggedOut-KYC
      Reset password link -> -Set Password
    Splash
      tap find appointment -> Find Appointment
      tap login -> Log in
      tap sign up -> Sign up
    Log in
      sucessfully logged in -> Home
      forgot password -> Recover Password
    Sign up
      sucessfully singed up -> Home
      Phone Verification
      Fill Personal Info
      Upload Picture
    Find Appointment
      found an appointment -> LoggedOut-KYC
    Recover Password
      email sent -> Log in
    -Set Password

  Logged In
    SideMenu
    Home
    Profile
    Payment Methods
    Appointments
      Appointment List
      Appointment Details
      Edit Appointment
    Support
  Book Appointment
    Select Barbershop
      select -> Select Barber
    Select Barber
      select -> Select Services
    Select Services
      select -> Select Time
    Select Time
      select -> Set Tip
    Set Tip
      set tip -> Apply Promo Code
    Apply Promo Code
      confirm -> Appointment Details
    
  LoggedOut-KYC

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