RBAC

Admin Dashboard for User, Role, and Permission Management

Overview

This project is a React-based Admin Dashboard designed to efficiently manage users, roles, and permissions. The dashboard provides a secure and user-friendly interface for administrators to perform key actions such as assigning roles, defining permissions, and managing user data.

Features

User Management View a list of all registered users. Add, edit, and delete users. Assign roles to users. Activate or deactivate user accounts. Role Management Create and edit roles. Define roles with specific permissions (e.g., Read, Write, Delete). Manage custom attributes for roles. Permission Management Assign or modify permissions dynamically for each role. Display permissions in an intuitive interface. Mock API Simulation Simulates backend APIs for user and role CRUD operations. Provides server-like responses for testing functionality.

Technologies Used

React.js: Front-end library for building dynamic user interfaces. React Router: Handles routing within the application. Styled Components or CSS Modules: For styling components. Axios: For handling API requests. Mock API: Simulates server interactions for development and testing.

Usage

Log in as an Admin to manage users, roles, and permissions. Add or Edit Roles and define their permissions. Assign Roles to users dynamically and monitor their account status.

Installation and Setup

Clone the repository:

git clone https://panny9618.github.io/RBAC/ cd admin-dashboard

Install dependencies:

npm install

Start the development server:

npm start

Open your browser and navigate to:

http://127.0.0.1:5500/public/index.html