One production-ready admin dashboard in four frameworks — Next.js, React, Vue and Angular — with a shared Node.js backend, PostgreSQL, authentication, roles and real-time chat.
Key Architecture & Features
4 editions with identical screens: Next.js 16, React 19, Vue 3.5, Angular 22
Real full-stack backend: Prisma 7 + PostgreSQL, shared REST API (/api/v1) and Next.js Server Actions
Authentication (Auth.js v5): email/password, Google OAuth, forgot/reset password, TOTP two-factor (2FA), login lockout
Role-based access control (RBAC): Admin / Manager / Staff + custom roles, live permission matrix editor
2 dashboards: Project (throughput, workload, due tasks) and Commerce (revenue, orders, low stock)
Apps: real-time Messenger (Socket.IO, presence), Calendar, Kanban Tasks, Issue tracker
Commerce: Products, Orders, Customers, Inventory
Admin: Users, Roles & permissions, Audit log, Announcements, Notifications
Account settings: profile, password & 2FA, active sessions with remote sign-out
Reusable data table (TanStack Table): sorting, filtering, pagination
Light & dark mode + 4 colour schemes (Ember, Ocean, Grove, Iris)
Theme customizer: font size, vertical / horizontal / compact layouts, collapsible sidebar
Multi-language with full RTL (English + Arabic included)
Ctrl+K command search
Fully responsive (mobile, tablet, desktop)
One design-token file (tokens.css) controls colours, radius, shadows and fonts
Colorblind-safe chart palette (Recharts)
Seeded demo data, one-command setup (npm run dev), Docker Compose for Postgres
TypeScript everywhere, ESLint, Prettier, Vitest unit tests, Playwright E2E tests
Documentation: README, HOW_TO_RUN, API and Editions guides
Technologies Included
Next.js 16
React 19
Vue 3.5
Angular 22
TypeScript
Tailwind CSS 4
shadcn/ui (Radix)
Hono
Prisma 7
PostgreSQL
Auth.js
Socket.IO
Vite
Recharts
Vitest
Playwright
