09 · 2025 – 2026Software
APEX Membership Portal
OTP Onboarding, Membership Benefits & Application Status Workflow
Role & Context
System Architect & Frontend Lead
Internal Campus Onboarding System · Private Repo
Onboarding Flow
Register -> Verify OTP -> Status
Form Validation
React Hook Form + Zod
Security Boundary
Private Repo · Zero PII Published
Institution
Manipal University Jaipur
09 · Technical Case Study ArchitectureInternal Campus Onboarding System · Private Repo
Dedicated student membership onboarding and verification portal handling benefit disclosures, structured application submission (`/membership/register`), OTP validation (`/verify-otp`), and live application status tracking (`/membership/status`).
Problem & Engineering Context
Manual Google Form club drives leave applicants without status visibility and mix unverified contact entries into club coordination lists.
Architecture & Key Implementation Details
- Schema-validated onboarding forms (`react-hook-form` + `zod`) paired with 6-digit OTP verification and password setup states.
- Role-guarded review workflow separating public application pages from internal approval actions; zero applicant credentials or personal records are mirrored into this portfolio.
Key Deliverables
- Membership Benefits & Application Status Route Flow
- Zod-Validated Registration & OTP Verification Screens
- Approval Queue & Role Assignment Architecture
Tools & Stack
React 18TypeScriptOTP Verification (`input-otp`)React Hook FormZodSupabase / Firebase