Role Based Access Control User Interace

Badges

MIT License

Tech Stack

Client: React, Tailwind CSS, Axios, React Icons, React Spinners

Server: Node, Express, MongoDB

Deployment

Client: https://rbac-ui-ruby.vercel.app/

Server: https://rbac-ui-server.onrender.com

Features

  • View users in table format with details such as name, email, status, role and actions option.
  • Add new user to the database with required details.
  • Edit user with new details
  • Create a new role
  • Edit Permissions for the given roles. Permissions include read, write and delete.
  • Backend server and REST API endpoints
  • Exception error handling and global state management.

Run Locally

Clone the project

  git clone https://github.com/Suman373/user-mng-rbac.git

Go to the project directory

  cd user-mng-rbac

Go to respective directories

    cd client
    cd server

Install dependencies

  npm install

Start the client at port 3000

  npm run dev

Start the server at port 8000

  npm run dev

Create a .env file

VITE_API_ENDPOINT= <your-api-endpoint>

Screenshots

image

Screenshot 2024-12-04 212707

Screenshot 2024-12-04 212719

Screenshot 2024-12-04 212727

Screenshot 2024-12-04 212751

Screenshot 2024-12-04 212801

Author

Top categories

Loading Svelte Themes