KEYCLOAK USERS MANAGEMENT

kc-users-management

This is a frontend application integrated with Keycloak, which allows you to manage users, groups and roles, through a user-friendly interface. The main idea of this application is to serve as a base enabling the development of new features for the needs of each application.

Features

• Manage user: list; create; edit; delete; link users to groups; grant roles;
• Manage groups: list; create; edit; move groups of levels; delete;
• Manage roles: list; create; edit; delete;
• Multitenancy: Work with many realm, with only one stack;
• Multi Language: Choose between English, Spanish and Portuguese;
• Dark mode: enable/disable dark mode as desired;

Tech

This project uses several open source projects to function correctly::

• Docker - Platform for developing, shipping, and running applications using containerization;
• Nginx - Advanced Load Balancer, Web Server, Reverse Proxy;
• Keycloak - Open-source Identity and Access Management solution;
• MYSQL - - Relational database management system for data storage;
• Node.js - JavaScript runtime built on Chrome’s V8 JavaScript engine;
• VueJS - A progressive JavaScript framework for building performant and versatile web user interfaces;
• Quasar.js - Configuration file for Quasar Framework, a Vue.js based framework;
• i18n - Abbreviation for ‘internationalization’, a process of designing applications for multiple languages;
• DarkMode - Dark Mode is a supplemental mode that can be used to display mostly dark surfaces on the UI;
• Underscorejs - JavaScript library that provides functional programming support;
• Mitt - Lightweight, functional event emitter / pubsu;
• DateFn- Part of date-fns library, a modern JavaScript date utility library;
• Axios - Axios - Promise-based HTTP client for the browser and Node.js;

Installation

Dillinger requires Node.js v20+ to run.

Install the dependencies and devDependencies and start the server.

yarn

Open hosts file:

sudo nano /etc/hosts

Add new line:

127.0.0.1       frontend

Start the app in development mode (hot-code reloading, error reporting, etc.)

docker-compose up

Config DB

Open DB and create schema "keycloak"

Config Keycloak:

Create realm "firstrealm"
Create client "frontend" (Client Protocol: openid-connect / Access Type: public)
Create user with role realm-management > realm-admin

Build the app for production

quasar build

License

MIT Free Software, Hell Yeah!