The Admin UI is the web-based dashboard used by association administrators and platform operators to manage all aspects of the Association App platform.
Tech Stack
| Layer | Technology |
|---|
| Framework | React 19 + TypeScript 5 |
| Build Tool | Vite 7 (SWC compiler) |
| UI Components | Shadcn UI (Radix UI primitives) |
| Styling | Tailwind CSS 4 |
| Routing | TanStack Router v1 |
| State Management | Zustand 5 |
| Data Fetching | TanStack React Query v5 |
| Tables | TanStack React Table v8 |
| Forms | React Hook Form + Zod |
| Rich Text | TipTap 3 |
| HTTP Client | Axios |
| Push Notifications | Firebase (FCM) |
| Package Manager | pnpm |
Two User Contexts
The Admin UI serves two distinct user types, each with their own login flow and feature set:
| Context | Description | URL Pattern |
|---|
| Platform Admin | Anthropic/platform operators managing all organisations | /_platform/* |
| Organisation Admin | Association administrators managing a single organisation | /org/:slug/* |
Feature Areas
| Feature | Platform Admin | Organisation Admin |
|---|
| Members management | Global user list | Organisation members |
| Events management | — | Create, publish, manage registrations |
| Billing & payments | Subscriptions, invoices, revenue | — |
| Audit & reports | System audit logs, email logs | Organisation email logs |
| Organisations | CRUD, settings, branding | Own settings & branding |
| Connectors | Platform-wide integrations | Per-org integrations |
| Articles & documents | — | Create & manage content |
| Directory | Platform directory | Member directory |
| Role management | System roles & authorities | Invite members & assign roles |
Navigation