- Create Figma flows and equivalent React implementations for login and sign-up tailored to at-risk teen students: support no-email accounts, simple passcodes/PINs or passwordless entry.
- Design and implement separate flows for admins/volunteers using standard email/password; include a clear role-selection to avoid confusion.
Include states (loading, error, etc.), accessibility needs (large touch targets, WCAG color contrast, simple language, minimal form fields) and some error/recovery paths that don’t rely solely on email (e.g., guardian contact, memorable questions, offline handoff codes).
Include states (loading, error, etc.), accessibility needs (large touch targets, WCAG color contrast, simple language, minimal form fields) and some error/recovery paths that don’t rely solely on email (e.g., guardian contact, memorable questions, offline handoff codes).