Skip to main content

Authentication

Authentication Flow​

The following is how the Web App interacts with Google OAuth2 service to offer Sign in with Google.

Frontend Client design​

The following are the various state machines implemented for the frontend UI.

States are defined using XState library. React.JS components access the XState's state machine through Context providers.

UI State Machine​

Client State Machine​

Class Diagrams​