GIVEN user want to register
WHEN the user submits the form.
THEN submit button should display progress component inside
AND The request should be sent to the backend with JSON payload object described by UserRequestDTO structure.
WHEN registration was successful
THEN the user should be redirected to /dashboard.
WHEN registration was unsuccessful,
THEN snack bar with error should be shown.
Resources
To get the types that are already defined in backend, you should use this library openapi-typescript to generate types.
For communicating between backend and frontend, you should use react-query
Description
GIVEN user want to register WHEN the user submits the form. THEN submit button should display progress component inside AND The request should be sent to the backend with JSON payload object described by
UserRequestDTOstructure.WHEN registration was successful THEN the user should be redirected to
/dashboard.WHEN registration was unsuccessful, THEN snack bar with error should be shown.
Resources