How khant-min-htut/team-accesss-control-app works
This is a client-side administrative dashboard for authentication and management of users, organizations, roles/permissions, invitations, sessions, and audit activity. The main flow is sign-in or sign-up, token storage and current-user resolution, guarded dashboard access, then domain pages that query or mutate the API and render results. The sampled code confirms authentication, session operations, dashboard data queries, and the users/roles page integrations; other domain wiring is represented conservatively from the repository structure.
Main entry points: api.ts HTTP API client · use-auth.ts Authentication actions · page.tsx Overview · use-audit-logs.ts Audit queries
Components 29
Access and Shell
- Login and signup
src/app/login/page.tsx - Authentication actions
src/hooks/use-auth.ts - Authentication API
src/lib/auth-api.ts - Auth state
src/lib/store.ts - Route guard
src/components/auth-guard.tsx - Dashboard shell
src/components/layout/dashboard-shell.tsx
Dashboard and Activity
- Overview
src/app/(dashboard)/page.tsx - Audit log viewer
src/app/(dashboard)/audit-logs/page.tsx - Audit queries
src/hooks/use-audit-logs.ts - Audit API service
src/services/audit-logs.ts
People and Organizations
- Organizations
src/app/(dashboard)/organizations/page.tsx - Organization detail
src/app/(dashboard)/organizations/[id]/page.tsx - Organization queries
src/hooks/use-organizations.ts - Organization API service
src/services/organizations.ts - User management
src/app/(dashboard)/users/page.tsx - User queries and mutations
src/hooks/use-users.ts - User API service
src/services/users.ts - Invitations
src/services/invitations.ts
Access Administration
- Roles and permissions
src/app/(dashboard)/roles/page.tsx - RBAC queries
src/hooks/use-rbac.ts - RBAC API service
src/services/rbac.ts - Session management
src/app/(dashboard)/sessions/page.tsx - Session queries and actions
src/hooks/use-sessions.ts - Session API service
src/services/sessions.ts - Profile
src/app/(dashboard)/profile/page.tsx
Client Data Runtime
- Query hooks runtime
src/hooks - HTTP API client
src/lib/api.ts
Other components
- Dashboard user
- Management API
Connections 27
- Dashboard user → Login and signup: submits credentials
- Login and signup → Authentication actions: starts auth
- Authentication actions → Authentication API: requests tokens
- Authentication actions → Auth state: stores tokens
- Authentication actions → User API service: resolves user
- Authentication API → HTTP API client: sends auth requests
- Route guard → Auth state: checks access
- Dashboard shell → Route guard: guards pages
- Dashboard user → Overview: opens dashboard
- Overview → Organization queries: loads organizations
- Overview → Audit queries: loads activity
- Overview → Session queries and actions: loads sessions
- Audit log viewer → Audit queries: queries and filters
- Audit queries → Audit API service: requests logs
- Organizations → Organization queries: loads organizations
- Organization detail → Organization queries: loads organization
- User management → User queries and mutations: manages users
- User queries and mutations → User API service: requests user data
- Roles and permissions → RBAC queries: manages roles
- Session management → Session queries and actions: manages sessions
- Session queries and actions → Session API service: requests sessions
- Audit API service → HTTP API client: calls API
- Organization API service → HTTP API client: calls API
- User API service → HTTP API client: calls API
- RBAC API service → HTTP API client: calls API
- Session API service → HTTP API client: calls API
- HTTP API client → Management API: sends requests