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