diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 8f0fda8a..9b2b3650 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -54,6 +54,7 @@ import { ConsoleGuard } from './guards/console-guard';
 import { LoginGuard } from './guards/login-guard';
 import { DefaultLayoutComponent } from './layouts/default-layout/default-layout.component';
 import { ServerResolve } from './resolvers/server-resolve';
+import { UserManagementComponent } from './components/user-management/user-management.component';
 import { LoggedUserComponent } from './components/users/logged-user/logged-user.component';
 
 const routes: Routes = [
@@ -207,10 +208,15 @@ const routes: Routes = [
     component: WebConsoleFullWindowComponent,
     canActivate: [LoginGuard]
   },
+  {
+    path: 'user_management',
+    component: UserManagementComponent
+  },
   {
     path: '**',
     component: PageNotFoundComponent,
-  },
+  }
+  
 ];
 
 @NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index e1d28fdb..9d2d369b 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -267,6 +267,7 @@ import { MarkedDirective } from './directives/marked.directive';
 import { LoginComponent } from './components/login/login.component';
 import { LoginService } from './services/login.service';
 import { HttpRequestsInterceptor } from './interceptors/http.interceptor';
+import { UserManagementComponent } from './components/user-management/user-management.component'
 import { UserService } from './services/user.service';
 import { LoggedUserComponent } from './components/users/logged-user/logged-user.component';
 
@@ -453,6 +454,7 @@ import { LoggedUserComponent } from './components/users/logged-user/logged-user.
     TemplateNameDialogComponent,
     ConfigureCustomAdaptersDialogComponent,
     EditNetworkConfigurationDialogComponent,
+    UserManagementComponent,
     ProjectReadmeComponent
   ],
   imports: [
diff --git a/src/app/components/user-management/user-management.component.html b/src/app/components/user-management/user-management.component.html
new file mode 100644
index 00000000..e453d528
--- /dev/null
+++ b/src/app/components/user-management/user-management.component.html
@@ -0,0 +1,3 @@
+<p>
+  user-management works!
+</p>
diff --git a/src/app/components/user-management/user-management.component.scss b/src/app/components/user-management/user-management.component.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/components/user-management/user-management.component.spec.ts b/src/app/components/user-management/user-management.component.spec.ts
new file mode 100644
index 00000000..0d5f413b
--- /dev/null
+++ b/src/app/components/user-management/user-management.component.spec.ts
@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { UserManagementComponent } from './user-management.component';
+
+describe('UserManagementComponent', () => {
+  let component: UserManagementComponent;
+  let fixture: ComponentFixture<UserManagementComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ UserManagementComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserManagementComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/user-management/user-management.component.ts b/src/app/components/user-management/user-management.component.ts
new file mode 100644
index 00000000..a374bb28
--- /dev/null
+++ b/src/app/components/user-management/user-management.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-user-management',
+  templateUrl: './user-management.component.html',
+  styleUrls: ['./user-management.component.scss']
+})
+export class UserManagementComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/layouts/default-layout/default-layout.component.html b/src/app/layouts/default-layout/default-layout.component.html
index a995ee4e..f5a3123a 100644
--- a/src/app/layouts/default-layout/default-layout.component.html
+++ b/src/app/layouts/default-layout/default-layout.component.html
@@ -23,6 +23,10 @@
         <mat-icon>settings</mat-icon>
         <span>Settings</span>
       </button>
+      <button mat-menu-item routerLink="/user_management">
+        <mat-icon>groups</mat-icon>
+        <span>User management</span>
+      </button>
       <button mat-menu-item routerLink="/installed-software" [disabled]="!isInstalledSoftwareAvailable">
         <mat-icon>cloud_download</mat-icon>
         <span>Installed software</span>
diff --git a/src/app/layouts/default-layout/default-layout.component.spec.ts b/src/app/layouts/default-layout/default-layout.component.spec.ts
index 59f7e76f..5f7be55e 100644
--- a/src/app/layouts/default-layout/default-layout.component.spec.ts
+++ b/src/app/layouts/default-layout/default-layout.component.spec.ts
@@ -14,7 +14,6 @@ import { ServerManagementService, ServerStateEvent } from '../../services/server
 import { ToasterService } from '../../services/toaster.service';
 import { MockedToasterService } from '../../services/toaster.service.spec';
 import { DefaultLayoutComponent } from './default-layout.component';
-import { IndexedDbService } from '../../services/indexed-db.service';
 import { HttpServer, ServerErrorHandler } from '../../services/http-server.service';
 import { HttpClientModule } from '@angular/common/http';
 
@@ -33,7 +32,6 @@ describe('DefaultLayoutComponent', () => {
   let electronServiceMock: ElectronServiceMock;
   let serverManagementService = new MockedServerManagementService();
   let serverService: ServerService;
-  let indexedDbService: IndexedDbService;
   let httpServer: HttpServer;
   let errorHandler: ServerErrorHandler;
 
@@ -62,14 +60,12 @@ describe('DefaultLayoutComponent', () => {
           useClass: RecentlyOpenedProjectService,
         },
         { provide: ServerService },
-        { provide: IndexedDbService },
         { provide: HttpServer },
         { provide: ServerErrorHandler },
         ProgressService,
       ],
     }).compileComponents();
 
-    indexedDbService = TestBed.inject(IndexedDbService);
     errorHandler = TestBed.inject(ServerErrorHandler);
     httpServer = TestBed.inject(HttpServer);
     serverService = TestBed.inject(ServerService);