In my current project, I am developing an Angular front-end application that showcases a consistent layout and interface, but with the ability to customize company-specific elements such as logos, colors, and other variables. The main objective is to create a web application that can be utilized by multiple companies, each having their own unique branding while utilizing the same functionality and user interface.
Given the need for scalability, it is not feasible to build separate applications for each company. Hence, all customization must be dynamically assigned upon login.
My approach involves creating distinct profiles within the front-end, which are then accessed upon login to retrieve the appropriate settings from the back end. However, I am currently exploring the most effective method to implement this system.
At present, I have implemented a global constants file that governs values throughout the application. It is imperative that these values are adaptable. (Potentially utilizing multiple global constants files?)
export class GlobalConstants {
public static displayName = 'Company A';
public static logo = '../../../../assets/companya/logo.png';
public static primaryColor = '#311b92';
public static secundaryColor = '#200b92';
}