diff --git a/bun.lockb b/bun.lockb
new file mode 100755
index 0000000..a4ad67b
Binary files /dev/null and b/bun.lockb differ
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 801368b..0680b43 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1 +1 @@
-<app-qualifikaton-bearbeiten-view></app-qualifikaton-bearbeiten-view>
+<router-outlet></router-outlet>
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index dc39edb..ae2c715 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,3 +1,24 @@
 import { Routes } from '@angular/router';
+import { LoginViewComponent } from './components/login-view/login-view.component';
+import { MitarbeiterverwaltungViewComponent } from './components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component';
+import { EmployeeDetailComponent } from './components/employee-detail/employee-detail.component';
+import { QualifikatonBearbeitenViewComponent } from './components/qualifikaton-bearbeiten-view/qualifikaton-bearbeiten-view.component';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  {
+    path: "",
+    component: LoginViewComponent,
+  },
+  {
+    path: "mitarbeiter",
+    component: MitarbeiterverwaltungViewComponent,
+  },
+  {
+    path: "mitarbeiterdetails",
+    component: EmployeeDetailComponent,
+  },
+  {
+    path: "qualifikationbearbeiten",
+    component: QualifikatonBearbeitenViewComponent,
+  }
+];