All work
Auth · SSO · Focused auth app
Techpark SSO
Case study
solo build
(01)Overview
Techpark SSO is the human-facing interaction layer for an identity-provider flow. It handles password login, phone OTP login, OTP verification, password set/change, consent, callback result states, expired interactions, and deployment packaging while respecting browser redirect behavior.
(02)Highlights
- 01Owned the frontend implementation for SSO interaction flows, covering password login, OTP login, verification, consent, callback, and password-update states so users could complete authentication journeys even when identity-provider state changed.
- 02Chose native top-level form POST for redirect-heavy identity-provider actions where fetch would break across cross-domain redirect and CORS boundaries, preserving protocol-compatible browser navigation.
- 03Built interaction-state loading and UI mode resolution from backend details, handling expired, denied, failed, and missing states so authentication screens could recover from refreshes and partial flows.
- 04Implemented a robust OTP experience with paste handling, keyboard navigation, numeric guards, resend countdown, and configurable length so the most sensitive input step stayed reliable and user-friendly.
Role
Frontend owner
Timeline
Authentication project
Context
Focused auth app
Stack
Next.jsTypeScriptTailwindOTP UXDockerGitLab CI
(03)Galleryimage placeholders
Password and OTP login states
OTP input, resend, and validation states
Consent, callback, and error recovery screens