RBAC Admin Dashboard

Introduction

The RBAC Admin Dashboard is a role-based access control (RBAC) user interface designed to efficiently manage users, roles, and permissions. Built using React.js, it provides a secure, responsive, and user-friendly experience tailored for modern admin operations.

Features

• User Management: View, add, edit, delete users, assign roles, and toggle active/inactive status.
• Role Management: Create and edit roles with customizable permissions.
• Dynamic Permissions: Assign and modify permissions dynamically through an intuitive interface.
• Responsive Design: Seamless functionality across devices and screen sizes.
• Mock API Integration: Simulate API calls using Axios and MirageJS for CRUD operations.

screenshot

Technologies Used

• Frontend: React.js
• Styling: Bootstrap
• API Simulation: Axios
• Additional Libraries: Formik for form handling, Yup for validation

Getting Started

Follow these steps to set up the project on your local machine.

Prerequisites

• Node.js: Install from Node.js
• Package Manager: Use either npm or yarn

Installation

1. Clone the repository: git clone https://github.com/rkrustom/vrv-security-rbac-ui.git

2. Navigate to the project folder: cd vrv-security-rbac-ui

3. Install dependencies: npm install

Running the Project

Start the development server: npm start

Usage

1. Login to the admin dashboard using provided credentials.
2. Manage the system via tabs: Users: Add, edit, and delete users. Roles: Define and edit roles. Permissions: Assign permissions dynamically.

Testing

Run automated tests: npm test

Authors

Rajeev Kumar - Initial work - https://github.com/rkrustom

Acknowledgments

Thanks to the creators of React.js, Material-UI, and MirageJS for their excellent tools and libraries. Inspiration from modern RBAC systems.