Zerofour04 / React-TS-Employee-Management

🖥️React TypeScript panel for Administration

🖥️React TS-Panel (Microsoft Authentication Library/MSAL) V2.0

ℹ️Information

Hey this is an employee management list where you can manage employees by blocking them, being visible, and if they are employees.

🖼️Pictures

v2.0

v1.0

📗Installation

1. cd my-app
2. npm install
3. npm start

⚙️Configuration

/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: ''    
};

⚠️Your database must contain exactly these values, otherwise, you will have to edit something!

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;
}

🧱Requirements

• NPM
• Node.js
• Microsoft Account
• MSAL
• Redux

⭐Features

• Sidebar
• LogOut Feature
• Navigation
• Employee list
• Searchbar
• Select individual employees
• Employee management
• Role management
• Change Visible
• Change Blocking
• Change ActiveEmployee?

🔧Changlogs

v2.0

- Integrated Employee-Locked, Employee-Visible, Employee-Locked and Employee-Active functions - BugFixes - Codecleanup - Design changed

v1.8

- Roles can be removed/added

v1.6

- Integrated select Employee and Sidebar

v1.2

- Pre-release

v1.0

- Added Sidebar - Added Navigation - Reworked LogOut - Fixed some bugs

v0.8

- Updated Header - Added Dropdown menu - Changed design

v0.5

- Reworked the repo

v0.4

- Fixed LogOut

v0.3

- Created header

v0.3

- Integrated MSAL