- Hey, this project was developed during my internship for a company. Essentially, it aims to represent an employee list that can only be accessed via MSAL authentication. This panel features various functions such as employee locking, invisibility toggling, grouping assignment, and the ability to specify vacation times.
- To this day, the company actively utilizes this system, providing a centralized and user-friendly solution to enhance teamwork and efficiently manage tasks.
- Thanks to everyone on the team who assisted me. The project is still being used by the company and is intended to be online on GitHub for learning purposes, accessible only to me.
- Sidebar
- Logout Feature
- Navigation
- Employee list
- Search bar
- Select individual employees
- Employee management
- Role management
- Change Visible
- Change Blocking
- Change ActiveEmployee?
How it looks today and further developed
v2.0
v1.0
cd my-appnpm installnpm start
- NPM
- Node.js
- Microsoft Account
- MSAL
- Redux
/src/config/msalConfig.ts
export const msalConfiguration: Configuration = {
auth: {
clientId: '',
authority: ''
}
};
/public/env-config.js
window._env_ = {
MISSIONASSIGNMENTS_SERVICE_EXTERNAL_URL: '',
EMPLOYEE_SERVICE_EXTERNAL_URL: ''
};
export interface Employee {
email: string;
firstName: string | null;
lastName: string | null;
fullName: string | null;
groups: string[] | null;
acronym: string;
location: {
countryIsocode: string;
regionIsocode: string
};
displayName: string;
active: boolean;
locked: boolean;
visible: boolean;
}