Word Match

SketchSystems.spec

Word Match
  Intro
    start -> In progress
  In progress
    timeout -> Failed
    Waiting for Input
      enough correct answers -> Passed
      no more questions -> Wronged out
      start drag -> Dragging
    Dragging
      Over Wrong
        move to right -> Over Right
        drop -> Wrong
      Over Right
        move to wrong -> Over Wrong
        drop -> Right
    Dropped
      
      animation done -> Waiting for Input
      Right
      Wrong
  Concluded
    Mastered
    Passed
      no wrong answers -> Mastered
    Failed
      retry -> In progress
      Timed out
      Wronged out
        
Layout
 Portrait
 Landscape
   Two categories
   Three categories
   Four categories
      
    

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