fd
FidAuthHub Console
Beige / Forest Green Interface

Operate your auth stack from one warm, sturdy control room.

This frontend speaks directly to your FastAPI backend for registration, login, verification, password recovery, and two-factor setup. It is designed as a practical beige-and-forest-green console instead of a placeholder landing page.

Real Flow Coverage Register users, send verification emails, request password resets, and complete 2FA without leaving the page.
Session Awareness Track your access token, current auth state, and current-user lookup while you test refresh and logout behavior.
Authenticator Ready Display the generated 2FA QR image and verify a live TOTP code from your authenticator app.
Debug-Friendly Every request writes to the response console so you can inspect what the backend returned without opening dev tools.
Admin-ready Users, stats, lockouts, roles
1 theme Beige, sand, and forest tones
0 frameworks Single-file frontend for easy serving

Auth Workspace

Point this UI at your backend, run the auth flows, and keep an eye on the live response console as you go.

Default backend target: `/api/v1` on this same server. Change this only if the API runs elsewhere.
No active session saved
No token yet.

Create a User

Use the backend registration endpoint and keep the credentials around for the rest of the flows.

This also gives you values you can reuse for login, password reset, and 2FA setup.

Sign In and Capture Tokens

Login stores the access and refresh tokens locally in this page so you can call protected endpoints afterward.

Email Verification

Trigger verification delivery for a user, then paste a token from the email if you want to complete the API verification manually.

Password Reset

Request a reset email, then use the token from that email to set a new password and revoke old sessions.

Two-Factor Authentication

Use your logged-in session to start TOTP setup, confirm the code from your authenticator app, and disable it later if needed.

2FA QR code preview
Regeneration invalidates prior unused codes. Each code works only once.

Profile Management

Update your current user's profile details and verify they are saved on the backend.

API Token Management

Create new personal API tokens, view active tokens, and revoke them when no longer needed.

Roles and Permissions

Manage permission rules and roles that can later be assigned through the backend.

Admin Dashboard

Use an access token for a user with the admin role to inspect users, clear lockouts, suspend accounts, and assign roles.

Admin Password Reset

Audit Logs

System Observability

Inspect service liveness, dependency readiness, and live request metrics through the same beige-and-forest-green operations console.

Response Console

Ready. Choose a flow and send a request.