{"id":23979347,"url":"https://github.com/vansh-codes/rbac-ui","last_synced_at":"2026-05-16T03:40:42.106Z","repository":{"id":270790646,"uuid":"893406094","full_name":"vansh-codes/RBAC-UI","owner":"vansh-codes","description":"This repository contains Frontend for Role Based Access Control (RBAC) UI","archived":false,"fork":false,"pushed_at":"2024-11-24T11:23:00.000Z","size":111,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-23T03:37:37.569Z","etag":null,"topics":["rbac","rbac-frontend","rbac-roles","role-based-access-control"],"latest_commit_sha":null,"homepage":"https://vansh-codes.github.io/RBAC-UI/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vansh-codes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-24T11:16:20.000Z","updated_at":"2024-11-24T11:33:30.000Z","dependencies_parsed_at":"2025-01-03T05:30:23.422Z","dependency_job_id":"7708ec71-6050-48a2-a45f-3be9cc698370","html_url":"https://github.com/vansh-codes/RBAC-UI","commit_stats":null,"previous_names":["vansh-codes/rbac-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FRBAC-UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FRBAC-UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FRBAC-UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vansh-codes%2FRBAC-UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vansh-codes","download_url":"https://codeload.github.com/vansh-codes/RBAC-UI/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240557489,"owners_count":19820360,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["rbac","rbac-frontend","rbac-roles","role-based-access-control"],"created_at":"2025-01-07T09:48:32.328Z","updated_at":"2026-05-16T03:40:37.068Z","avatar_url":"https://github.com/vansh-codes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RBAC (Role-Based Access Control) User Interface\n\n## Table of Contents\n- [RBAC (Role-Based Access Control) User Interface](#rbac-role-based-access-control-user-interface)\n  - [Table of Contents](#table-of-contents)\n  - [Project Overview](#project-overview)\n  - [Features](#features)\n    - [Roles](#roles)\n    - [Add Roles](#add-roles)\n    - [Delete Roles](#delete-roles)\n    - [View Accounts/Users by Role](#view-accountsusers-by-role)\n    - [Search](#search)\n    - [Edit Users](#edit-users)\n    - [Delete Users](#delete-users)\n    - [Toggle User State (Active/Inactive)](#toggle-user-state-activeinactive)\n    - [Change Permissions](#change-permissions)\n    - [Pagination](#pagination)\n    - [Responsivity](#responsivity)\n  - [Setup Instructions](#setup-instructions)\n    - [Step 1: Clone the Repository](#step-1-clone-the-repository)\n    - [Step 2: Install Dependencies](#step-2-install-dependencies)\n    - [Step 3: Start the Application](#step-3-start-the-application)\n    - [Step 4: Build the Application (Optional)](#step-4-build-the-application-optional)\n  - [Technologies Used](#technologies-used)\n\n## Project Overview\n\nThe RBAC (Role-Based Access Control) User Interface allows administrators to manage users based on their roles within an organization. It provides a comprehensive set of functionalities for viewing, adding, editing, deleting users, and managing their permissions. This project is designed to make user management easy, efficient, and secure with a responsive and user-friendly interface.\n\n## Features\n\n### Roles\n- **Role Management**: The system allows for multiple predefined roles such as `Super Admin`, `Manager`, and `Accountant`. Each role has different levels of permissions and access.\n- **Role Assignment**: Each user is assigned a role that defines their access to different resources within the system.\n\n### Add Roles\n- Administrators can create new roles, assigning specific permissions and access restrictions to them. This functionality ensures that users are assigned roles that suit their level of responsibility and access.\n\n### Delete Roles\n- Admins can delete roles from the system. This will affect any users assigned to the role, and a reassignment will be required.\n\n### View Accounts/Users by Role\n- Users can be filtered by role. This allows administrators to view and manage users under specific roles for better access control.\n\n### Search\n- The system includes a search functionality that allows administrators to search users by their name or email address. This helps in quick retrieval of user data, especially when dealing with a large user base.\n\n### Edit Users\n- Admins can edit user information such as name, email, role, and permissions. This feature allows for updating user profiles without deleting and recreating accounts.\n\n### Delete Users\n- Users can be deleted from the system. Once deleted, their data will be permanently removed, making it essential for admins to confirm this action.\n\n### Toggle User State (Active/Inactive)\n- Administrators can toggle the user's active state. This allows the system to temporarily deactivate users without removing their information, keeping their data intact for potential reactivation.\n\n### Change Permissions\n- Admins can manage user permissions, allowing different roles to have different access levels to the application’s features and data. This ensures that only authorized users can perform certain actions.\n\n### Pagination\n- The interface supports pagination for the user list, ensuring that the application can handle large datasets efficiently. The number of users per page is configurable, and users can navigate between pages easily.\n\n### Responsivity\n- The UI is fully responsive, ensuring that it works on all screen sizes, from mobile phones to large desktop monitors. It uses a mobile-first design approach, providing a smooth user experience across all devices.\n\n## Setup Instructions\n\nTo run the RBAC User Interface locally, follow these steps:\n\n### Step 1: Clone the Repository\nClone the repository to your local machine:\n\n```bash\ngit clone https://github.com/vansh-codes/rbac-ui.git\n```\n\n### Step 2: Install Dependencies\nNavigate into the project directory and install the required dependencies:\n\n```bash\ncd rbac-ui\nnpm install\n```\n\n### Step 3: Start the Application\nStart the development server:\n\n```bash\nnpm start\n```\n\nThis will run the application at [http://localhost:3000](http://localhost:3000).\n\n### Step 4: Build the Application (Optional)\nIf you're preparing the application for production, you can build it using the following command:\n\n```bash\nnpm run build\n```\n\nThen, serve the built application:\n\n```bash\nnpm run serve\n```\n\n## Technologies Used\n- **React**: JavaScript library for building user interfaces.\n- **TailwindCSS**: Utility-first CSS framework for styling the application.\n- **React-Icons**: Library for adding icons.\n- **Toastify**: For displaying notifications and alerts.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvansh-codes%2Frbac-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvansh-codes%2Frbac-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvansh-codes%2Frbac-ui/lists"}