How mtaijim/authx works
Authx-frontend is a React client for a security and identity-management product. Users enter through routed signup, login, recovery, verification, or MFA screens; page components call frontend services or the shared API client, then display account or administrative results. The tree and sampled code support the client-to-API boundary, profile updates, MFA requests, permission management, organization actions, and route dispatch. Other capabilities are documented in the Services page, but their internal wiring is not sampled; those branches are represented without speculative call chains. The README provides no additional architecture detail.
Main entry points: main.tsx Route entry · Authservice.ts Auth service · ApiCient.ts API client · Userprofile.tsx Account profile
Components 25
Application shell
- Route entry
Authx-frontend/src/main.tsx - Product home
Authx-frontend/src/components/home/AuthHome.tsx - API client
Authx-frontend/src/config/ApiCient.ts
Identity and access
- Sign-in flows
Authx-frontend/src/pages/Login.tsx - Registration
Authx-frontend/src/pages/SignUp.tsx - Email verification
Authx-frontend/src/pages/VerifyEmail.tsx - Password recovery
Authx-frontend/src/pages/ResetPassword.tsx - OAuth outcomes
Authx-frontend/src/components/OAuthButtons.tsx - Auth service
Authx-frontend/src/services/Authservice.ts - Session state
Authx-frontend/src/auth/store.ts - Account profile
Authx-frontend/src/pages/users/Userprofile.tsx
Security operations
- MFA management
Authx-frontend/src/services/MfaServices.ts - MFA setup
Authx-frontend/src/pages/users/MfaSetup.tsx - MFA challenge
Authx-frontend/src/pages/MfaChallenges.tsx - Login history
Authx-frontend/src/pages/LoginHistory.tsx - Risk review
Authx-frontend/src/pages/VerifyRisk.tsx
Administration
- Admin dashboard
Authx-frontend/src/pages/AdminRoute.tsx - Permission manager
Authx-frontend/src/pages/PermissionsManager.tsx - Organization views
Authx-frontend/src/pages/orgs/OrgsList.tsx - Organization detail
Authx-frontend/src/pages/orgs/OrgDetails.tsx - Audit viewer
Authx-frontend/src/pages/AuditLogViewer.tsx - Risk dashboard
Authx-frontend/src/pages/RiskDashBoard.tsx
Other components
- User or admin
- Auth API
- OAuth providers
Connections 31
- User or admin → Route entry: opens
- Route entry → Product home: renders home
- Route entry → Sign-in flows: routes requests
- Route entry → Registration: routes requests
- Route entry → Email verification: routes requests
- Route entry → Password recovery: routes requests
- Route entry → OAuth outcomes: routes outcomes
- Route entry → MFA setup: routes requests
- Route entry → MFA challenge: routes requests
- Route entry → Account profile: routes requests
- Route entry → Login history: routes requests
- Route entry → Risk review: routes requests
- Route entry → Admin dashboard: guards routes
- Route entry → Permission manager: routes requests
- Route entry → Organization views: routes requests
- Route entry → Organization detail: routes requests
- Route entry → Audit viewer: routes requests
- Route entry → Risk dashboard: routes requests
- Sign-in flows → Auth service: calls
- Registration → Auth service: calls
- Auth service → API client: sends requests
- Account profile → Auth service: updates account
- Account profile → Session state: updates local state
- MFA setup → MFA management: calls
- MFA challenge → MFA management: validates challenge
- MFA management → API client: sends requests
- OAuth outcomes → OAuth providers: starts authorization
- Permission manager → API client: reads and changes
- Organization detail → API client: manages members
- API client → Auth API: sends requests
- Auth service → Auth API: requests auth endpoints