Frontend overview
Frontend overview (CAP RPL)
Section titled “Frontend overview (CAP RPL)”Audience: frontend
Status: idea
Owns: frontend
Depends on: Experience flows, API overview, Domain entities
App code is not started. This page reserves the frontend lens: routes and reusable UI must reference UX and OpenAPI—do not duplicate lifecycle tables here; link the lifecycle.
Intended app areas (route map stub)
Section titled “Intended app areas (route map stub)”| Area | Personas | UX flows | API groups |
|---|---|---|---|
| Auth | All | Account & identity | Auth |
| Onboarding / persona | Candidate, Assessor, … | Personas | Auth |
| Candidate application | Candidate | Application happy path | Applications, Trades, Identity |
| Payment | Candidate | Pay centre | Payment |
| Evidence | Candidate, Facilitator | Evidence | Evidence |
| Interview / appeal | Candidate, Panel | Interview | Interview |
| Centre console | Centre admin/staff | Centre flows | Centres / Assessors, Applications |
| Assessor / EV | Assessor | Assessor flows | Applications |
| Awarding body | Awarding body | Certificate | Applications / Certificate |
| Recommendations | Candidate | Gap training path | Recommendations |
Refine paths when the app scaffold exists.
Reusable UI (categories stub)
Section titled “Reusable UI (categories stub)”| Category | Examples (placeholders) | Driven by |
|---|---|---|
| Auth forms | Login, OTP, reset | Experience auth flows |
| Application status | Stage/status display | Lifecycle codes from API |
| Evidence | Upload / folder / feedback chat | Evidence flows |
| Payment | Pay centre | Payment flow |
| Scheduling | Interview booking | Interview flow |
| Recommendations | Course list | Recommendations API |
Prefer design-system primitives once chosen; name components after domain or UX concepts, not backend table names.
- Implement against API overview / future OpenAPI.
- Screen copy and steps follow Experience flows.
- Status labels use shared stage/status codes from the domain.