chessy  

Multiplayer real-time chess game uses node.js, React Web-Socket/ws, firebase, material-ui and react-beautiful-dnd.

demo

you can visit the https://realtime-chess-24c56.firebaseapp.com/

How it works :

I will explain how the system of the game works in order to understand the code. using UML charts.

state diagram:

This diagram shows the states of users and transitions between the states.

sequence diagram:

I translate the states diagram into sequence diagram this will give a better overview

• offline --> online:

  when user register to the system.
  

• online --> play:

  when user register to the system.
  

• play --> offline/online:

  when user register to the system.