Role-Based User Management System
Built with ASP.NET Core 8 (API) + React (TypeScript) + TailwindCSS
A modern, secure, and modular admin dashboard for managing users, roles, and page-level permissions.
RBUM (Role-Based User Management) is a full-stack solution designed to:
- Manage users and authentication with JWT + Refresh Tokens
- Assign custom roles and fine-grained page access
- Provide a modern admin dashboard for enterprise-grade control
| Layer | Technology | Purpose |
|---|---|---|
| Frontend | React 18 (Vite + TypeScript) | Interactive Admin UI |
| Styling | TailwindCSS + Framer Motion + Lucide React | Modern gradient UI |
| Backend | ASP.NET Core 8 Web API | Secure REST API |
| Database | SQL Server / LocalDB | Stores users, roles, pages & access |
| Auth | JWT Bearer + Refresh Tokens | Stateless authentication |
| ORM | Entity Framework Core 8 | Data access layer |
rc/ ├── components/ │ ├── Sidebar.tsx │ ├── ProtectedRoute.tsx │ ├── LoadingScreen.tsx ├── contexts/ │ └── AuthContext.tsx ├── pages/ │ ├── Login.tsx │ ├── Dashboard.tsx │ ├── UserManagement.tsx │ ├── RoleManagement.tsx │ ├── RoleMatrix.tsx ├── services/ │ └── api.ts ├── utils/ │ └── jwt.ts └── App.tsx
cd RBUM.Client npm install npm run dev
axios – API calls react-hot-toast – Notifications lucide-react – Icons framer-motion – Animations tailwindcss – Styling