Test Project

.vscode/settings.json

@@ -4,10 +4,10 @@
 	"editor.insertSpaces": false,
 	"editor.tabSize": 4,
 	"[typescript]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
+		"editor.defaultFormatter": "vscode.typescript-language-features"
 	},
 	"[html]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode",
+		"editor.defaultFormatter": "vscode.html-language-features",
 		"editor.insertSpaces": false
 	},
 	"[scss]": {

README.md

@@ -34,6 +34,7 @@ We suggest you don't spend too much time on your UI, we know how time intensive
 
 If you have some time left and want to go a little bit further, here are some feature ideas you can add to this app:
 
+- Login page (email = 'front-technical@test.com' && password = "Technical_front**test")
 - Navigate inside folders
 - Use routing for navigation
 - Rename a file or folder
@@ -47,12 +48,15 @@ If you have some time left and want to go a little bit further, here are some fe
 ## Quick start
 
 ```
+Front :
 npm ci
 npm start
+
 ```
 
 ## Submission
 
 The quickest way to submit your work is by [forking](https://github.com/ictechlab/front-technical-test/fork) this repository, then sending us a Pull Request after you're done.
 
 Alternatively, you can copy this repository to your personal space, and send us a link to your branch (if you make your repo private, you'll need to [invite us as collaborators](https://help.github.com/en/articles/inviting-collaborators-to-a-personal-repository)).
+

angular.json

@@ -20,7 +20,9 @@
 						"outputPath": "dist/angular-technical-test",
 						"index": "src/index.html",
 						"browser": "src/main.ts",
-						"polyfills": ["zone.js"],
+						"polyfills": [
+							"zone.js"
+						],
 						"tsConfig": "tsconfig.app.json",
 						"inlineStyleLanguage": "scss",
 						"assets": [
@@ -29,7 +31,15 @@
 								"input": "public"
 							}
 						],
-						"styles": ["src/styles.scss"],
+						"styles": [
+							"node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+							"src/styles.scss"
+						],
+						"stylePreprocessorOptions": {
+							"includePaths": [
+								"src"
+							]
+						},
 						"scripts": []
 					},
 					"configurations": {
@@ -80,7 +90,10 @@
 				"test": {
 					"builder": "@angular-devkit/build-angular:karma",
 					"options": {
-						"polyfills": ["zone.js", "zone.js/testing"],
+						"polyfills": [
+							"zone.js",
+							"zone.js/testing"
+						],
 						"tsConfig": "tsconfig.spec.json",
 						"inlineStyleLanguage": "scss",
 						"assets": [
@@ -89,20 +102,29 @@
 								"input": "public"
 							}
 						],
-						"styles": ["src/styles.scss"],
+						"styles": [
+							"@angular/material/prebuilt-themes/azure-blue.css",
+							"src/styles.scss"
+						],
 						"scripts": []
 					}
 				},
 				"lint": {
 					"builder": "@angular-eslint/builder:lint",
 					"options": {
-						"lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
+						"lintFilePatterns": [
+							"src/**/*.ts",
+							"src/**/*.html"
+						]
 					}
 				}
 			}
 		}
 	},
 	"cli": {
-		"schematicCollections": ["angular-eslint"]
+		"schematicCollections": [
+			"angular-eslint"
+		],
+		"analytics": "8b923524-3f3c-4f07-96ed-2c7ea4f56901"
 	}
-}
+}

api/db.js

@@ -1,3 +1,211 @@
 module.exports = {
-	items: [],
-};
+  "items": [
+    {
+      "id": "3c71cbd5-52f1-407a-8f26-460bcbfd48bd",
+      "parentId": null,
+      "name": "anas",
+      "folder": true,
+      "creation": "2025-09-25T13:33:02.635Z",
+      "modification": "2025-09-25T20:23:35.058Z"
+    },
+    {
+      "id": "723e8e23-76f6-4b80-97e6-7762143b7a16",
+      "parentId": "3c71cbd5-52f1-407a-8f26-460bcbfd48bd",
+      "name": "snackbar_style1.txt",
+      "folder": false,
+      "filePath": "38d76f74ddd54ce7f0b4eb3e3b58f752",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-25T13:33:02.664Z",
+      "modification": "2025-09-25T13:33:02.664Z"
+    },
+    {
+      "id": "211ebbf8-ad63-4b8d-a5e6-615c84c84fcd",
+      "parentId": "57d9f40b-27e8-41b3-a6b7-e13bbf8ad868",
+      "name": "fgfgf",
+      "folder": true,
+      "creation": "2025-09-25T14:17:15.277Z",
+      "modification": "2025-09-25T21:29:00.953Z"
+    },
+    {
+      "id": "be40745f-668b-42a4-89dd-3dd81922e930",
+      "parentId": "211ebbf8-ad63-4b8d-a5e6-615c84c84fcd",
+      "name": "snackbar_style1.txt",
+      "folder": false,
+      "filePath": "8f5e713537c7850b2aaad8901625b029",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-25T14:17:15.308Z",
+      "modification": "2025-09-25T14:17:15.308Z"
+    },
+    {
+      "id": "57d9f40b-27e8-41b3-a6b7-e13bbf8ad868",
+      "parentId": null,
+      "name": "ted",
+      "folder": true,
+      "creation": "2025-09-25T15:51:05.447Z",
+      "modification": "2025-09-25T15:51:05.447Z"
+    },
+    {
+      "id": "87a2d09d-cfd2-4ec6-9b38-43d0c09d8f4b",
+      "parentId": "57d9f40b-27e8-41b3-a6b7-e13bbf8ad868",
+      "name": "snackbar_style1 (1).txt",
+      "folder": false,
+      "filePath": "051c851f8ba4a825e15620d51774aa33",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-25T15:51:05.469Z",
+      "modification": "2025-09-25T15:51:05.469Z"
+    },
+    {
+      "id": "4ecb0a78-6fe9-42f8-9514-745617f5070b",
+      "parentId": "3c71cbd5-52f1-407a-8f26-460bcbfd48bd",
+      "name": "Capture_Filter_JIRA.PNG",
+      "folder": false,
+      "filePath": "b723795d7893f982d119b034806a0e30",
+      "size": 89259,
+      "mimeType": "image/png",
+      "creation": "2025-09-25T15:51:05.469Z",
+      "modification": "2025-09-25T21:26:17.797Z"
+    },
+    {
+      "id": "152c4e55-43eb-49e7-8311-25a055274463",
+      "parentId": null,
+      "name": "Salima",
+      "folder": true,
+      "creation": "2025-09-26T08:19:46.785Z",
+      "modification": "2025-09-26T08:19:46.785Z"
+    },
+    {
+      "id": "aaf5cb89-10f7-4265-b5dc-0875bf4c9a5f",
+      "parentId": "152c4e55-43eb-49e7-8311-25a055274463",
+      "name": "Capture d'écran 2025-09-25 112552.png",
+      "folder": false,
+      "filePath": "764498adaaa393f871b9d9e7d8345424",
+      "size": 18218,
+      "mimeType": "image/png",
+      "creation": "2025-09-26T08:19:46.953Z",
+      "modification": "2025-09-26T08:19:46.953Z"
+    },
+    {
+      "id": "1dc82d99-e2ab-4615-84ab-6f1640947984",
+      "parentId": null,
+      "name": "salima",
+      "folder": true,
+      "creation": "2025-09-26T08:23:56.301Z",
+      "modification": "2025-09-26T08:23:56.301Z"
+    },
+    {
+      "id": "008d25a1-6e37-471b-a860-52cf406f6d9b",
+      "parentId": "1dc82d99-e2ab-4615-84ab-6f1640947984",
+      "name": "Captur_client.PNG",
+      "folder": false,
+      "filePath": "ecfcfe43bd04eaec211940ffe8114cce",
+      "size": 21984,
+      "mimeType": "image/png",
+      "creation": "2025-09-26T08:23:56.383Z",
+      "modification": "2025-09-26T08:23:56.383Z"
+    },
+    {
+      "id": "f842e1d2-0555-4ef6-ba29-b7b8cdf1ae5f",
+      "parentId": null,
+      "name": "testing",
+      "folder": true,
+      "creation": "2025-09-26T08:34:36.847Z",
+      "modification": "2025-09-26T08:34:36.847Z"
+    },
+    {
+      "id": "7e03e9e0-b2ac-49cb-80b0-d2921dabb54f",
+      "parentId": "f842e1d2-0555-4ef6-ba29-b7b8cdf1ae5f",
+      "name": "snackbar_style1 (1).txt",
+      "folder": false,
+      "filePath": "1190049f605d77206655b02dcaa55260",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-26T08:34:36.873Z",
+      "modification": "2025-09-26T08:34:36.873Z"
+    },
+    {
+      "id": "77be5d2c-fcdf-412c-b485-7d8e488f0f81",
+      "parentId": "f842e1d2-0555-4ef6-ba29-b7b8cdf1ae5f",
+      "name": "snackbar_style1 (2).txt",
+      "folder": false,
+      "filePath": "0b37309caafa34bc5c695bba477332ff",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-26T08:34:36.874Z",
+      "modification": "2025-09-26T08:34:36.874Z"
+    },
+    {
+      "id": "76cef83c-8bd6-435a-88e1-0bfadc454852",
+      "parentId": "57d9f40b-27e8-41b3-a6b7-e13bbf8ad868",
+      "name": "snackbar_style1 (2).txt",
+      "folder": false,
+      "filePath": "ff5cab2ad403abd985ade2bfbe6849f5",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-26T08:36:34.601Z",
+      "modification": "2025-09-26T08:36:34.601Z"
+    },
+    {
+      "id": "835420be-023b-4f60-a18b-ac7a4f237858",
+      "parentId": null,
+      "name": "lina",
+      "folder": true,
+      "creation": "2025-09-26T08:41:35.974Z",
+      "modification": "2025-09-26T08:41:35.974Z"
+    },
+    {
+      "id": "2c38791d-e820-4287-b0d9-30ab33a61a1e",
+      "parentId": "835420be-023b-4f60-a18b-ac7a4f237858",
+      "name": "snackbar_style1.txt",
+      "folder": false,
+      "filePath": "86a44d0f17b2680c2646dab4a9c0fbf0",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-26T08:41:36.023Z",
+      "modification": "2025-09-26T08:41:36.023Z"
+    },
+    {
+      "id": "b2701e0d-0a64-48d5-9549-2474aedb1ded",
+      "parentId": "835420be-023b-4f60-a18b-ac7a4f237858",
+      "name": "snackbar_style1 (1).txt",
+      "folder": false,
+      "filePath": "58c5ab6756dde4007e0812935e47f13c",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-26T08:41:36.024Z",
+      "modification": "2025-09-26T08:41:36.024Z"
+    },
+    {
+      "id": "3dec6447-7333-464b-8f59-a0d4e3a1109f",
+      "parentId": null,
+      "name": "tst",
+      "folder": true,
+      "creation": "2025-09-26T12:02:28.102Z",
+      "modification": "2025-09-26T12:02:28.102Z"
+    },
+    {
+      "id": "83f68e23-bb1d-4060-8e29-23acadd94fa7",
+      "parentId": "3dec6447-7333-464b-8f59-a0d4e3a1109f",
+      "name": "snackbar_style1 (1).txt",
+      "folder": false,
+      "filePath": "fd976785c6fedbd3f0434f7733071c68",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-26T12:02:28.124Z",
+      "modification": "2025-09-26T12:02:28.124Z"
+    },
+    {
+      "id": "b10d5ebb-9727-4542-a003-691ee587e8d5",
+      "parentId": "3c71cbd5-52f1-407a-8f26-460bcbfd48bd",
+      "name": "snackbar_style1 (2).txt",
+      "folder": false,
+      "filePath": "89e42b778645c5e0cc5518fb3a668c50",
+      "size": 580,
+      "mimeType": "text/plain",
+      "creation": "2025-09-26T12:11:39.809Z",
+      "modification": "2025-09-26T12:11:39.809Z"
+    }
+  ]
+};