Login Screen
Component Detail
User Interface
medium complexity
mobilefrontend
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Mobile and web screen that captures the user's email and password and submits them to the Auth Service. Surfaces typed ApiException errors such as invalid credentials, locked accounts, and network failures in a localized, accessible form.
login-screen
Sources & reasoning
Source explicitly designates email/password as the MVP authentication mechanism with BankID/Vipps deferred to Phase 2. Phase 1 MVP deliverables list it directly under Meander Mobile App scope, so target_release is the verbatim phase name 'MVP'.
-
docs/source/likeperson.md · line 27MVP leveres med e-post/passord-innlogging; BankID og Vipps ruller ut i Fase 2
-
docs/source/likeperson.md · line 150Email/password sign-in for MVP; BankID and Vipps in Phase 2
-
docs/source/likeperson.md · line 239E-post/passord innlogging (BankID/Vipps i fase 2)
Responsibilities
- Render email and password input fields with client-side format validation
- Submit credentials to the Auth Service and handle success by storing tokens
- Map ApiException variants to user-facing error messages and inline field states
- Provide navigation to the Password Reset Screen for forgotten credentials
- Disable the submit control while a login request is in flight to prevent duplicates
Interfaces
onSubmit(email, password): void
navigateToPasswordReset(): void
renderError(error: ApiException): void
Related Data Entities (2)
Data entities managed by this component