Skip to content

RBAC Management System: A secure role-based access control app built with Angular 16, Ng-Zorro, Tailwind CSS, Node.js, Express.js, and MongoDB, featuring lazy loading and automated deployment with GitHub Actions.

Notifications You must be signed in to change notification settings

mohitjaiswal28/rbac-frontend

Repository files navigation

rbac-frontend

project-image

The RBAC Management System is a comprehensive role-based access control (RBAC) application that enables administrators to manage user's roles and permissions in a secure and efficient way. The platform is built using Angular and utilizes Ng-Zorro for UI components and Tailwind CSS for responsive design. This system ensures secure access management and is highly customizable for various user roles and permissions.

Deployment Link 📦

🌐 Explore it here: https://rbac-mohitjaiswal.netlify.app

Features 🔥

Here are some of the project's best features:

  • User Management: View create edit and delete users and manage their roles and permissions.

  • Role Management: Create edit and delete roles and assign specific permissions.

  • Permission Management: Define and assign granular permissions to users and roles.

  • Seamless Navigation: Smooth navigation with Lazy Loading for modules and Route Guards for access control.

  • Integrated: Already integrated with a backend system for dynamic user/role management.

  • User-Friendly Interface: Modern UI with Ng-Zorro and custom components for a sleek experience.

Built with 🚀

Technologies used in the project:

  • Frontend: Angular 16 Tailwind CSS Ng-Zorro

  • Routing: Angular Router with Lazy Loading

  • Build Tools: Webpack Angular CLI

  • CI/CD: GitHub Actions (for deployment automation)

  • Version Control: Git GitHub

  • Backend: Node.js and Express.js

  • Database: MongoDB

Install and Run ⚙️

I. Prerequisites:

  • Node.js (>= 16.x.x)
  • npm (>= 8.x.x)

II. Clone the repository:

  git clone https://github.com/mohitjaiswal28/rbac-frontend
  cd rbac-management-system

III. Install dependencies:

  npm install

IV. Run the development server:

  npm start

V. This will start the application on http://localhost:4200.

Project Structure 📁

src/
├── app/
│   ├── core/
│   ├── shared/
│   ├── home/
│   ├── role/
│   │   ├── role.add/
│   │   └── role.manage/
│   ├── user/
│   │   ├── user.add/
│   │   └── user.manage/
│   ├── app-routing.module.ts
│   ├── app.component.ts
│   └── app.module.ts
├── assets/
├── environments/
├── styles/
├── index.html
└── main.ts

Screenshots ✅

  • Home Page

Home

  • About Project

About Porject

  • About Developer

About Developer

  • About Tech Stack Used

About Tech Stack used

  • User Functionalities

  • Role Functionalities

Contact 💡

For inquiries, please reach out to:
Mohit Jaiswal: [email protected] ✉️

About

RBAC Management System: A secure role-based access control app built with Angular 16, Ng-Zorro, Tailwind CSS, Node.js, Express.js, and MongoDB, featuring lazy loading and automated deployment with GitHub Actions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published