Reversi: The Lobby Complete (120m)

Watch the video tutorials through "Lobby: Play Button!".  Duplicate the user experience shown.  Feel free to change the aesthetics. 

Record a video screencast of your application running on Heroku.  Show three browsers open at once.  Show a person whose name is your first name joining the lobby in the first browser (A).  Show a person whose name is your last name joining the second browser (B).  Show a person with a name you choose joining the third browser (C).

The three browsers should each show that the two other people have arrived in the lobby.  Their arrival should entail a smooth animation reveal of the names of the participants. Each person's name should be accompanied by an invite button.

Demonstrate a chat message originating from each of the participants one at a time.  Show that the chat messages show up in all three browsers.  

Finally, demonstrate the invite process with the following sequence:

• Invite Sequence
  • A should invite B (The invite button should change to "Invited" and "Play" respectively)
  • B should invite C (The invite button should change to "Invited" and "Play" respectively)
  • C should invite A (The invite button should change to "Invited" and "Play" respectively)
  • All buttons should show "Invited" or "Play" now
• Uninvite Sequence
  • C should uninvite A
  • B should uninvite C
  • A should uninvite B
  • All buttons should show "Invite Now"
• Engage Sequence
  • A should invite C and C should accept
  • A and C should be switched to a game.html page, while B remains in the lobby.  A and C's entries in the lobby should go away.  The game.html page does not need to be implemented yet.

Upload your video for grading.