diff --git a/support-portal-frontend/src/app/app.module.ts b/support-portal-frontend/src/app/app.module.ts
index d092c67..26dee7d 100644
--- a/support-portal-frontend/src/app/app.module.ts
+++ b/support-portal-frontend/src/app/app.module.ts
@@ -13,13 +13,29 @@ import {RegisterComponent} from './component/register/register.component';
 import {UserComponent} from './component/user/user.component';
 import {AppRoutingModule} from './app-routing.module';
 import {FormsModule} from "@angular/forms";
+import {ManagementComponent} from './component/management/management.component';
+import {UsersComponent} from './component/management/users/users.component';
+import {SettingsComponent} from './component/management/settings/settings.component';
+import {ProfileComponent} from './component/management/profile/profile.component';
+import {UsersTableComponent} from './component/management/users/users-table/users-table.component';
+import {UserRowComponent} from './component/management/users/users-table/user-row/user-row.component';
+import {UserViewComponent} from './component/management/users/user-view/user-view.component';
+import {UserEditComponent} from './component/management/users/user-edit/user-edit.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     LoginComponent,
     RegisterComponent,
-    UserComponent
+    UserComponent,
+    ManagementComponent,
+    UsersComponent,
+    SettingsComponent,
+    ProfileComponent,
+    UsersTableComponent,
+    UserRowComponent,
+    UserViewComponent,
+    UserEditComponent
   ],
   imports: [
     BrowserModule,
diff --git a/support-portal-frontend/src/app/component/management/management.component.css b/support-portal-frontend/src/app/component/management/management.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/management.component.html b/support-portal-frontend/src/app/component/management/management.component.html
new file mode 100644
index 0000000..f609401
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/management.component.html
@@ -0,0 +1,2 @@
+<p>management works!</p>
+<router-outlet></router-outlet>
diff --git a/support-portal-frontend/src/app/component/management/management.component.ts b/support-portal-frontend/src/app/component/management/management.component.ts
new file mode 100644
index 0000000..3e50a94
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/management.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-management',
+  templateUrl: './management.component.html',
+  styleUrls: ['./management.component.css']
+})
+export class ManagementComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/management/profile/profile.component.css b/support-portal-frontend/src/app/component/management/profile/profile.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/profile/profile.component.html b/support-portal-frontend/src/app/component/management/profile/profile.component.html
new file mode 100644
index 0000000..9df0576
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/profile/profile.component.html
@@ -0,0 +1 @@
+<p>profile works!</p>
diff --git a/support-portal-frontend/src/app/component/management/profile/profile.component.ts b/support-portal-frontend/src/app/component/management/profile/profile.component.ts
new file mode 100644
index 0000000..70c8097
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/profile/profile.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-profile',
+  templateUrl: './profile.component.html',
+  styleUrls: ['./profile.component.css']
+})
+export class ProfileComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/management/settings/settings.component.css b/support-portal-frontend/src/app/component/management/settings/settings.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/settings/settings.component.html b/support-portal-frontend/src/app/component/management/settings/settings.component.html
new file mode 100644
index 0000000..4ab2a41
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/settings/settings.component.html
@@ -0,0 +1 @@
+<p>settings works!</p>
diff --git a/support-portal-frontend/src/app/component/management/settings/settings.component.ts b/support-portal-frontend/src/app/component/management/settings/settings.component.ts
new file mode 100644
index 0000000..4586f2d
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/settings/settings.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-settings',
+  templateUrl: './settings.component.html',
+  styleUrls: ['./settings.component.css']
+})
+export class SettingsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.css b/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.html b/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.html
new file mode 100644
index 0000000..d363922
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.html
@@ -0,0 +1 @@
+<p>user-edit works!</p>
diff --git a/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.ts b/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.ts
new file mode 100644
index 0000000..995aaa2
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/user-edit/user-edit.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-user-edit',
+  templateUrl: './user-edit.component.html',
+  styleUrls: ['./user-edit.component.css']
+})
+export class UserEditComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.css b/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.html b/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.html
new file mode 100644
index 0000000..fc892d0
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.html
@@ -0,0 +1 @@
+<p>user-view works!</p>
diff --git a/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.ts b/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.ts
new file mode 100644
index 0000000..0ae6e6c
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/user-view/user-view.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-user-view',
+  templateUrl: './user-view.component.html',
+  styleUrls: ['./user-view.component.css']
+})
+export class UserViewComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.css b/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.html b/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.html
new file mode 100644
index 0000000..7d1c053
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.html
@@ -0,0 +1 @@
+<p>user-row works!</p>
diff --git a/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.ts b/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.ts
new file mode 100644
index 0000000..6c6e769
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/users-table/user-row/user-row.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-user-row',
+  templateUrl: './user-row.component.html',
+  styleUrls: ['./user-row.component.css']
+})
+export class UserRowComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.css b/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.html b/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.html
new file mode 100644
index 0000000..90cfd81
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.html
@@ -0,0 +1,2 @@
+<p>users-table works!</p>
+<app-user-row class="row" *ngFor="let i of [1,2,3]"></app-user-row>
diff --git a/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.ts b/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.ts
new file mode 100644
index 0000000..c999316
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/users-table/users-table.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-users-table',
+  templateUrl: './users-table.component.html',
+  styleUrls: ['./users-table.component.css']
+})
+export class UsersTableComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/management/users/users.component.css b/support-portal-frontend/src/app/component/management/users/users.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/management/users/users.component.html b/support-portal-frontend/src/app/component/management/users/users.component.html
new file mode 100644
index 0000000..42b8d30
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/users.component.html
@@ -0,0 +1,3 @@
+<p>users works!</p>
+<app-users-table></app-users-table>
+<router-outlet></router-outlet>
diff --git a/support-portal-frontend/src/app/component/management/users/users.component.ts b/support-portal-frontend/src/app/component/management/users/users.component.ts
new file mode 100644
index 0000000..f43686d
--- /dev/null
+++ b/support-portal-frontend/src/app/component/management/users/users.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-users',
+  templateUrl: './users.component.html',
+  styleUrls: ['./users.component.css']
+})
+export class UsersComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}