diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
index 4a69d15..9b9fa4c 100644
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -125,6 +125,16 @@ export const routes: Routes = [
           }
         ]
       },
+      {
+        path: 'dependencies',
+        children: [
+          {
+            path: '',
+            loadComponent: () => import('./features/dependencies/dependency-list/dependency-list.component')
+              .then(m => m.DependencyListComponent)
+          }
+        ]
+      },
       {
         path: 'persons',
         children: [
@@ -177,4 +187,4 @@ export const routes: Routes = [
       }
     ]
   }
-];
+];
\ No newline at end of file
diff --git a/frontend/src/app/core/layout/main-layout/main-layout.component.ts b/frontend/src/app/core/layout/main-layout/main-layout.component.ts
index b664cde..6cc6e81 100644
--- a/frontend/src/app/core/layout/main-layout/main-layout.component.ts
+++ b/frontend/src/app/core/layout/main-layout/main-layout.component.ts
@@ -48,6 +48,12 @@ export class MainLayoutComponent implements OnInit {
       route: '/environments',
       color: '#ff9800'
     },
+    {
+      title: 'Dependencies',
+      icon: '🔗',
+      route: '/dependencies',
+      color: '#00bcd4'
+    },
     {
       title: 'Persons',
       icon: '👤',
@@ -77,7 +83,6 @@ export class MainLayoutComponent implements OnInit {
     this.currentUser = this.authService.getCurrentUser();
     this.activeRoute = this.router.url;
     
-    // Listen to route changes to update active route
     this.router.events.pipe(
       filter(event => event instanceof NavigationEnd)
     ).subscribe((event: any) => {
@@ -99,4 +104,4 @@ export class MainLayoutComponent implements OnInit {
   logout(): void {
     this.authService.logout();
   }
-}
+}
\ No newline at end of file