Test technique elwaer youcef

package.json

@@ -24,6 +24,8 @@
 		"@angular/platform-browser": "^19.2.0",
 		"@angular/platform-browser-dynamic": "^19.2.0",
 		"@angular/router": "^19.2.0",
+		"bootstrap": "^5.3.2",
+		"bootstrap-icons": "^1.13.1",
 		"rxjs": "~7.8.0",
 		"tslib": "^2.3.0",
 		"zone.js": "~0.15.0"

src/app/app.component.html

@@ -1 +1,2 @@
-Hello world!
+<router-outlet />
+

src/app/app.component.scss

@@ -1,7 +1,2 @@
-:host {
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	font-size: 30px;
-}
+
+

src/app/app.component.ts

@@ -1,9 +1,13 @@
 import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
-	selector: 'ic-root',
-	imports: [],
-	templateUrl: './app.component.html',
-	styleUrl: './app.component.scss',
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterOutlet],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss'
 })
-export class AppComponent {}
+export class AppComponent {
+}
+

src/app/app.routes.ts

@@ -1,3 +1,7 @@
 import { Routes } from '@angular/router';
+import { FileManagerComponent } from './components/file-manager/file-manager.component';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  { path: '', component: FileManagerComponent },
+  { path: 'folder/:id', component: FileManagerComponent }
+];