tests & image-request on google & inspirobot & front

2024-05-11 22:37:32 +02:00 · 2024-05-11 22:37:32 +02:00 · 3f0db3f976
commit 3f0db3f976
parent 6602bfd408
24 changed files with 1421 additions and 454 deletions
--- a/.vs/2024-DEV-BUT3/v17/.wsuo
+++ b/.vs/2024-DEV-BUT3/v17/.wsuo
--- a/.vs/2024-DEV-BUT3/v17/DocumentLayout.json
+++ b/.vs/2024-DEV-BUT3/v17/DocumentLayout.json
@ -3,56 +3,44 @@
  "WorkspaceRootPath": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\",
  "Documents": [
    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\Source\\Repos\\2024-DEV-BUT3\\src\\api\\image-request.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\api\\image-request.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\pages\\home.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\pages\\home.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    },
    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\RoomItemsList.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\item\\RoomItemsList.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
-    },
-    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\ItemBox.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\item\\ItemBox.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
-    },
-    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\ItemPage.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\item\\ItemPage.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
-    },
-    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\index.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\api\\index.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
-    },
-    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\app-layout.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\app-layout.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
-    },
-    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\main.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\main.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\inspirobot.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\api\\inspirobot.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    },
    {
      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\App.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\App.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    },
    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\nav\\Navbar.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\nav\\Navbar.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\main.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\main.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    },
    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\room.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\api\\room.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\item.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\api\\item.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    },
    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\pages\\test.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\pages\\test.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\app-layout.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\app-layout.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    },
    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:package.json||{90A6B3A7-C1A3-4009-A288-E2FF89E96FA0}"
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\ItemBox.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\item\\ItemBox.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    },
    {
-      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\Source\\Repos\\2024-DEV-BUT3\\src\\hooks\\page-title-context.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
-      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\hooks\\page-title-context.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\form\\formUpdateItem.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\form\\formUpdateItem.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\router.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\router.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\form\\formCreateItem.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A2FE74E1-B743-11D0-AE1A-00A0C90FFFC3}|\u003CMiscFiles\u003E|solutionrelative:src\\components\\form\\formCreateItem.jsx||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
    }
  ],
  "DocumentGroupContainers": [
@ -61,50 +49,59 @@
      "VerticalTabListWidth": 256,
      "DocumentGroups": [
        {
-          "DockedWidth": 200,
-          "SelectedChildIndex": 3,
+          "DockedWidth": 109,
+          "SelectedChildIndex": 6,
          "Children": [
            {
-              "$type": "Bookmark",
-              "Name": "ST:1:0:{d212f56b-c48a-434c-a121-1c5d80b59b9f}"
+              "$type": "Document",
+              "DocumentIndex": 4,
+              "Title": "item.js",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\item.js",
+              "RelativeDocumentMoniker": "src\\api\\item.js",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\item.js",
+              "RelativeToolTip": "src\\api\\item.js",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAgAAAAdAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001646|",
+              "WhenOpened": "2024-05-09T22:23:19.906Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 2,
+              "Title": "App.jsx",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\App.jsx",
+              "RelativeDocumentMoniker": "src\\App.jsx",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\App.jsx",
+              "RelativeToolTip": "src\\App.jsx",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAABoAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
+              "WhenOpened": "2024-05-09T22:10:26.286Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 3,
+              "Title": "main.jsx",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\main.jsx",
+              "RelativeDocumentMoniker": "src\\main.jsx",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\main.jsx",
+              "RelativeToolTip": "src\\main.jsx",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAABEAAAANAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
+              "WhenOpened": "2024-05-09T22:08:08.294Z",
+              "EditorCaption": ""
            },
            {
              "$type": "Document",
              "DocumentIndex": 1,
-              "Title": "RoomItemsList.jsx",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\RoomItemsList.jsx",
-              "RelativeDocumentMoniker": "src\\components\\item\\RoomItemsList.jsx",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\RoomItemsList.jsx",
-              "RelativeToolTip": "src\\components\\item\\RoomItemsList.jsx",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAABwAAABiAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-09T12:04:41.785Z",
-              "EditorCaption": ""
-            },
-            {
-              "$type": "Document",
-              "DocumentIndex": 4,
-              "Title": "index.js",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\index.js",
-              "RelativeDocumentMoniker": "src\\api\\index.js",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\index.js",
-              "RelativeToolTip": "src\\api\\index.js",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAIAAAAeAAAA",
+              "Title": "inspirobot.js",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\inspirobot.js",
+              "RelativeDocumentMoniker": "src\\api\\inspirobot.js",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\inspirobot.js",
+              "RelativeToolTip": "src\\api\\inspirobot.js",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAIAAAAAAAAA",
              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001646|",
-              "WhenOpened": "2024-05-09T12:03:27.48Z",
-              "EditorCaption": ""
-            },
-            {
-              "$type": "Document",
-              "DocumentIndex": 0,
-              "Title": "image-request.js",
-              "DocumentMoniker": "C:\\Users\\Admin\\Source\\Repos\\2024-DEV-BUT3\\src\\api\\image-request.js",
-              "RelativeDocumentMoniker": "src\\api\\image-request.js",
-              "ToolTip": "C:\\Users\\Admin\\Source\\Repos\\2024-DEV-BUT3\\src\\api\\image-request.js",
-              "RelativeToolTip": "src\\api\\image-request.js",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAABEAAAAAAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001646|",
-              "WhenOpened": "2024-05-09T11:59:29.915Z",
+              "WhenOpened": "2024-05-09T21:22:04.631Z",
              "EditorCaption": ""
            },
            {
@ -115,125 +112,78 @@
              "RelativeDocumentMoniker": "src\\components\\app-layout.jsx",
              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\app-layout.jsx",
              "RelativeToolTip": "src\\components\\app-layout.jsx",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAACYAAAAcAAAA",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAABUAAABCAAAA",
              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-07T10:59:39.423Z",
+              "WhenOpened": "2024-05-09T21:08:36.748Z",
              "EditorCaption": ""
            },
            {
              "$type": "Document",
              "DocumentIndex": 8,
-              "Title": "Navbar.jsx",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\nav\\Navbar.jsx",
-              "RelativeDocumentMoniker": "src\\components\\nav\\Navbar.jsx",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\nav\\Navbar.jsx",
-              "RelativeToolTip": "src\\components\\nav\\Navbar.jsx",
-              "ViewState": "AQIAADUAAAAAAAAAAAAQwFAAAAAVAAAA",
+              "Title": "router.jsx",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\router.jsx",
+              "RelativeDocumentMoniker": "src\\router.jsx",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\router.jsx",
+              "RelativeToolTip": "src\\router.jsx",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAwAAAAIAAAA",
              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-07T10:56:14.054Z"
+              "WhenOpened": "2024-05-09T21:07:37.931Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 0,
+              "Title": "home.jsx",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\pages\\home.jsx",
+              "RelativeDocumentMoniker": "src\\pages\\home.jsx",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\pages\\home.jsx",
+              "RelativeToolTip": "src\\pages\\home.jsx",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAB0AAABSAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
+              "WhenOpened": "2024-05-09T21:06:29.035Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Bookmark",
+              "Name": "ST:1:0:{d212f56b-c48a-434c-a121-1c5d80b59b9f}"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 7,
+              "Title": "formUpdateItem.jsx",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\form\\formUpdateItem.jsx",
+              "RelativeDocumentMoniker": "src\\components\\form\\formUpdateItem.jsx",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\form\\formUpdateItem.jsx",
+              "RelativeToolTip": "src\\components\\form\\formUpdateItem.jsx",
+              "ViewState": "AQIAADIAAAAAAAAAAAAQwFAAAAA+AAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
+              "WhenOpened": "2024-05-09T17:17:12.338Z",
+              "EditorCaption": ""
            },
            {
              "$type": "Document",
              "DocumentIndex": 9,
-              "Title": "room.js",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\room.js",
-              "RelativeDocumentMoniker": "src\\api\\room.js",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\api\\room.js",
-              "RelativeToolTip": "src\\api\\room.js",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAkAAAASAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001646|",
-              "WhenOpened": "2024-05-06T22:06:47.739Z"
-            },
-            {
-              "$type": "Document",
-              "DocumentIndex": 10,
-              "Title": "test.jsx",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\pages\\test.jsx",
-              "RelativeDocumentMoniker": "src\\pages\\test.jsx",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\pages\\test.jsx",
-              "RelativeToolTip": "src\\pages\\test.jsx",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAABMAAAACAAAA",
+              "Title": "formCreateItem.jsx",
+              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\form\\formCreateItem.jsx",
+              "RelativeDocumentMoniker": "src\\components\\form\\formCreateItem.jsx",
+              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\form\\formCreateItem.jsx",
+              "RelativeToolTip": "src\\components\\form\\formCreateItem.jsx",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-06T18:36:04.359Z"
-            },
-            {
-              "$type": "Document",
-              "DocumentIndex": 3,
-              "Title": "ItemPage.jsx",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\ItemPage.jsx",
-              "RelativeDocumentMoniker": "src\\components\\item\\ItemPage.jsx",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\ItemPage.jsx",
-              "RelativeToolTip": "src\\components\\item\\ItemPage.jsx",
-              "ViewState": "AQIAABIAAAAAAAAAAAAAACkAAAAXAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-06T18:36:16.712Z",
+              "WhenOpened": "2024-05-09T17:10:45.808Z",
              "EditorCaption": ""
            },
            {
              "$type": "Document",
              "DocumentIndex": 6,
-              "Title": "main.jsx",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\main.jsx",
-              "RelativeDocumentMoniker": "src\\main.jsx",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\main.jsx",
-              "RelativeToolTip": "src\\main.jsx",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAwAAAAAAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-07T11:03:34.632Z"
-            },
-            {
-              "$type": "Document",
-              "DocumentIndex": 7,
-              "Title": "App.jsx",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\App.jsx",
-              "RelativeDocumentMoniker": "src\\App.jsx",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\App.jsx",
-              "RelativeToolTip": "src\\App.jsx",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAAA4AAAAAAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-06T16:40:31.952Z"
-            },
-            {
-              "$type": "Document",
-              "DocumentIndex": 11,
-              "Title": "package.json",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\package.json",
-              "RelativeDocumentMoniker": "package.json",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\package.json",
-              "RelativeToolTip": "package.json",
-              "ViewState": "AQIAAAYAAAAAAAAAAAAAAAAAAAAAAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001642|",
-              "WhenOpened": "2024-05-06T23:20:16.656Z"
-            },
-            {
-              "$type": "Document",
-              "DocumentIndex": 12,
-              "Title": "page-title-context.jsx",
-              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\hooks\\page-title-context.jsx",
-              "RelativeDocumentMoniker": "src\\hooks\\page-title-context.jsx",
-              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\hooks\\page-title-context.jsx",
-              "RelativeToolTip": "src\\hooks\\page-title-context.jsx",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAgAAAAMAAAA",
-              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-06T19:10:02.382Z"
-            }
-          ]
-        },
-        {
-          "DockedWidth": 200,
-          "SelectedChildIndex": 0,
-          "Children": [
-            {
-              "$type": "Document",
-              "DocumentIndex": 2,
              "Title": "ItemBox.jsx",
              "DocumentMoniker": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\ItemBox.jsx",
              "RelativeDocumentMoniker": "src\\components\\item\\ItemBox.jsx",
              "ToolTip": "C:\\Users\\Admin\\source\\repos\\2024-DEV-BUT3\\src\\components\\item\\ItemBox.jsx",
              "RelativeToolTip": "src\\components\\item\\ItemBox.jsx",
-              "ViewState": "AQIAAAAAAAAAAAAAAAAAABwAAAA7AAAA",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAACAAAAB6AAAA",
              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003663|",
-              "WhenOpened": "2024-05-09T12:03:58.04Z",
+              "WhenOpened": "2024-05-09T16:47:58.998Z",
              "EditorCaption": ""
            }
          ]
--- a/.vs/VSWorkspaceState.json
+++ b/.vs/VSWorkspaceState.json
@ -2,15 +2,15 @@
  "ExpandedNodes": [
    "",
    "\\src",
-    "\\src\\api",
+    "\\src\\assets",
+    "\\src\\assets\\styles",
    "\\src\\components",
    "\\src\\components\\form",
    "\\src\\components\\item",
    "\\src\\components\\nav",
-    "\\src\\contexts",
-    "\\src\\pages",
-    "\\src\\pages\\authenticated"
+    "\\src\\hooks",
+    "\\src\\pages"
  ],
-  "SelectedNode": "\\src\\main.jsx",
+  "SelectedNode": "\\src\\api\\item.js",
  "PreviewInSolutionExplorer": false
 }
--- a/.vs/slnx.sqlite
+++ b/.vs/slnx.sqlite
--- a/tests/api/image-request.test.jsx
+++ b/tests/api/image-request.test.jsx
@ -0,0 +1,25 @@
+import { describe, it, expect } from "vitest";
+import { searchAndResizeImage } from "../../src/api/image-request"
+
+describe("Image request API", () => {
+
+
+    it("return a string", async () => {
+        let query = 'cat';
+        let imageUrl = await searchAndResizeImage(query);
+        let isString = typeof imageUrl == 'string'
+        expect(isString).toBe(true);
+    });
+
+    it("returns a valid image URL when results are found", async () => {
+        let query = 'cat';
+        let imageUrl = await searchAndResizeImage(query);
+        expect(imageUrl).toMatch(/^https?:\/\/.*\.(?:png|jpg|jpeg|gif|webp)$/i);
+    });
+
+    it("returns an empty string when no image is found", async () => {
+        const query = '[][][][][][][][][][][][][][]'; //cette requête ne renvoie aucune image
+        const imageUrl = await searchAndResizeImage(query);
+        expect(imageUrl).toEqual('');
+    });
+});
--- a/tests/api/inspirobot.test.jsx
+++ b/tests/api/inspirobot.test.jsx
@ -0,0 +1,18 @@
+import { describe, it, expect } from "vitest";
+import { findInspiration } from "../../src/api/inspirobot"
+
+describe("Inspirobot API", () => {
+
+    it("return a string", async () => {
+        let imageUrl = await findInspiration();
+        let isString = typeof imageUrl == 'string'
+        expect(isString).toBe(true);
+    });
+
+    it("returns a valid image URL or an empty string", async () => {
+        let query = 'cat';
+        let imageUrl = await findInspiration(query);
+        let okResult = imageUrl.endsWith('.jpg') || imageUrl == ""
+        expect(okResult).toBe(true)
+    });
+});
--- a/package-lock.json
+++ b/package-lock.json
--- a/src/api/image-request.js
+++ b/src/api/image-request.js
@ -10,14 +10,12 @@ export async function searchAndResizeImage(query) {
            const imageUrl = data.items[0].link;
            console.log('Image URL:', imageUrl);
            return imageUrl;
-        } else {
-            console.error('No image found.');
-            return "";
        }
    } catch (error) {
        console.error('Error fetching image:', error);
-        return "";
    }
+    console.error('No image found.');
+    return "";
 }


--- a/src/api/index.js
+++ b/src/api/index.js
@ -1,3 +1,6 @@
 export * from './authentication'
 export * from './user'
 export * from './image-request'
+export * from './room'
+export * from './item'
+export * from './inspirobot'
--- a/src/api/inspirobot.js
+++ b/src/api/inspirobot.js
@ -0,0 +1,15 @@
+
+export const findInspiration = async () => {
+
+    try {
+        const url = 'https://corsproxy.io/?https://inspirobot.me/api?generate=true'
+        const response = await fetch(url);
+
+        const pictureUrl = await response.text();
+        console.log(pictureUrl);
+        return pictureUrl
+    } catch (error) {
+        console.error(error);
+    }
+    return "";
+}
--- a/src/api/item.js
+++ b/src/api/item.js
@ -0,0 +1,25 @@
+import axios from "axios";
+
+
+
+export const getItem = async (_id) => {
+    try {
+        const response = await axios.get("/item", {_id});
+        console.log(response.data)
+        return response.data;
+    } catch (error) {
+        console.log("ERROR", error.response.data)
+        return error.response.data;
+    }
+};
+
+export const getItems = async () => {
+    try {
+        const response = await axios.get("/item", {});
+        console.log(response.data)
+        return response.data;
+    } catch (error) {
+        console.log("ERROR", error.response.data)
+        return error.response.data;
+    }
+};
--- a/src/api/room.js
+++ b/src/api/room.js
@ -2,7 +2,19 @@ import axios from "axios";



-export const getRoom = async () => {
+
+export const getRoom = async (_id) => {
+    try {
+        const response = await axios.get("/room", {_id});
+        console.log(response.data)
+        return response.data;
+    } catch (error) {
+        console.log("ERROR", error.response.data)
+        return error.response.data;
+    }
+};
+
+export const getRooms = async () => {
    try {
        const response = await axios.get("/room", {});
        console.log(response.data)
--- a/src/assets/styles/item-page.css
+++ b/src/assets/styles/item-page.css
@ -0,0 +1,102 @@
+.item-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.filters {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px;
+    background-color: #f5f5f5;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.filter-group {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+}
+
+    .filter-group label {
+        margin-right: 15px;
+        font-weight: bold;
+        color: #333;
+    }
+
+    .filter-group .ant-picker,
+    .filter-group .ant-input-number,
+    .filter-group .ant-input,
+    .filter-group .ant-select {
+        margin-right: 15px;
+        width: 180px;
+    }
+
+    .filter-group .ant-select {
+        max-width: 180px;
+    }
+
+    .filter-group .ant-picker {
+        width: 100%;
+    }
+
+    .filter-group .ant-input-number {
+        width: 100%;
+    }
+
+    .filter-group .ant-input {
+        width: 100%;
+    }
+
+@media screen and (max-width: 768px) {
+    .filters {
+        flex-direction: column;
+        align-items: stretch;
+        padding: 10px;
+    }
+
+    .filter-group {
+        margin-bottom: 15px;
+    }
+
+        .filter-group label {
+            margin-bottom: 5px;
+        }
+
+        .filter-group .ant-picker,
+        .filter-group .ant-input-number,
+        .filter-group .ant-input,
+        .filter-group .ant-select {
+            margin-right: 0;
+            margin-bottom: 5px;
+            width: auto;
+            max-width: 100%;
+        }
+}
+
+.item-list {
+    width: 100%;
+}
+
+.pagination {
+    margin-top: 20px;
+}
+
+
+/* Style pour les boutons de pagination */
+.pagination button {
+    margin: 0 5px;
+}
+
+/* Style pour les ItemBox */
+.item-container .item-list .ant-col {
+    display: flex;
+    justify-content: center;
+}
+
+    .item-container .item-list .ant-col .gutter-row {
+        margin-bottom: 20px;
+    }
--- a/src/assets/styles/itembox.css
+++ b/src/assets/styles/itembox.css
@ -0,0 +1,59 @@
+.text-ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.product-details {
+    border: 1px solid #ccc;
+    border-radius: 8px;
+    padding: 15px;
+    margin-bottom: 20px;
+    width: 250px; /* Largeur ajustable en fonction de votre mise en page */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+    .product-details img {
+        display: block;
+        margin: 0 auto;
+        width: 150px;
+        height: 150px;
+        object-fit: fill;
+        border-radius: 5px;
+    }
+
+    .product-details h2 {
+        font-size: 16px;
+        margin-top: 10px;
+        margin-bottom: 5px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-weight: bold;
+        color: #333;
+    }
+
+.characteristic {
+    margin-top: 10px;
+    font-size: 14px;
+    color: #555;
+}
+
+.product-details button {
+    display: block;
+    width: 100%;
+    margin-top: 15px;
+    padding: 10px;
+    background-color: #007bff;
+    color: #fff;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: bold;
+    transition: background-color 0.3s ease;
+}
+
+    .product-details button:hover {
+        background-color: #0056b3;
+    }
--- a/src/assets/styles/modal.css
+++ b/src/assets/styles/modal.css
@ -0,0 +1,36 @@
+/* CSS pour la fenêtre modale */
+.modal {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+    z-index: 999;
+}
+
+.modal-content {
+    background-color: white;
+    margin: 20% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%;
+}
+
+.close {
+    color: #aaaaaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+    .close:hover,
+    .close:focus {
+        color: #000;
+        text-decoration: none;
+        cursor: pointer;
+    }
--- a/src/components/app-layout.jsx
+++ b/src/components/app-layout.jsx
@ -19,20 +19,20 @@ const AppLayout = ({ footer }) => {
    

    return (
-        <Layout style={{ height:'100vh' }}>
-            <Sider breakpoint="lg" collapsible collapsed={collapsed}>
+        <Layout style={{ minHeight: '100vh', margin: '-8px -8px 0' }}>
+            <Sider breakpoint="lg">
                <div className="demo-logo-vertical" />
-                <Navbar/>
+                <Navbar />
            </Sider>
-            <Layout>
+            <Layout style={{ flexGrow: 1 }}>
                <Header style={{ padding: 0, background: colorBgContainer }}>
-                    <Button type="text" icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsed(!collapsed)} style={{fontSize: '16px', width: 64, height: 64}}/>
+                    <Button type="text" icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsed(!collapsed)} style={{ fontSize: '16px', width: 64, height: 64 }} />
                    {pageTitle}
                </Header>

-                <Content style={{ margin: '24px 16px 0'}}>
-                    <div style={{ padding: 24, minHeight: 360, background: colorBgContainer, borderRadius: borderRadiusLG }}>
-                            <Router />
+                <Content style={{ margin: '24px 16px 0', overflowY: 'auto', overflowX: 'hidden' }}>
+                    <div style={{ padding: 24, background: colorBgContainer, borderRadius: borderRadiusLG, minHeight: '100%' }}>
+                        <Router />
                    </div>
                </Content>
                <Footer style={{ textAlign: 'center' }}>
--- a/src/components/form/formUpdateItem.jsx
+++ b/src/components/form/formUpdateItem.jsx
@ -0,0 +1,93 @@
+import React, { useState, useEffect } from "react";
+import { Form, Input, InputNumber, Button, Select } from "antd";
+import axios from "axios";
+import { getRooms } from "../../api/room";
+import { getItem } from "../../api/item";
+
+const { TextArea } = Input;
+const { Option } = Select;
+
+
+function formatItem(_id, brand, model, room, price, purchaseDate, description, categories, createdAt, updatedAt, __v) {
+    let item = {
+        _id,
+        brand,
+        model,
+        room,
+        price,
+        purchaseDate,
+        description,
+        categories,
+        createdAt,
+        updatedAt,
+        __v
+    }
+    return item;
+}
+
+export const FormUpdateItem = ({ itemId }) => {
+    const [form] = Form.useForm();
+    const [rooms, setRooms] = useState([]);
+    const [item, setItem] = useState(formatItem({ _id: itemId }))
+
+    useEffect(() => {
+
+        setRooms(getRooms())
+
+        setItem(getItem(item._id))
+
+    }, []);
+
+    const onFinish = async (values) => {
+        try {
+            const response = await axios.put(
+                `${import.meta.env.VITE_API_URL}/item/${item._id}`,
+                values,
+            );
+            console.log(response.data);
+        } catch (error) {
+            console.error(error);
+        }
+    };
+
+    return (
+        <Form
+            form={form}
+            onFinish={onFinish}
+            initialValues={item} // Initialise le formulaire avec les valeurs de l'élément
+        >
+            <h1>Update Item</h1>
+            <Form.Item label="Brand" name="brand">
+                <Input />
+            </Form.Item>
+            <Form.Item label="Model" name="model">
+                <Input />
+            </Form.Item>
+            <Form.Item label="Room" name="room">
+                <Select placeholder="Select a room">
+                    {rooms.map((room) => (
+                        <Option key={room._id} value={room._id}>
+                            {room.name}
+                        </Option>
+                    ))}
+                </Select>
+            </Form.Item>
+            <Form.Item label="Price" name="price">
+                <InputNumber />
+            </Form.Item>
+            <Form.Item label="Purchase Date" name="purchaseDate">
+                <Input />
+            </Form.Item>
+            <Form.Item label="Description" name="description">
+                <Input.TextArea rows={4} />
+            </Form.Item>
+            <Form.Item>
+                <Button type="primary" htmlType="submit">
+                    Submit
+                </Button>
+            </Form.Item>
+        </Form>
+    );
+};
+
+export default FormUpdateItem;
--- a/src/components/item/ItemBox.jsx
+++ b/src/components/item/ItemBox.jsx
@ -1,5 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import { searchAndResizeImage } from '../../api/image-request'
+import '../../assets/styles/modal.css'
+import '../../assets/styles/itembox.css'
+import FormUpdateItem from '../form/formUpdateItem';


 // Composant Image
@ -35,12 +38,9 @@ const Image = ({ src, alt, request, _id }) => {

 // Composant Description
 const Description = ({ title, children }) => {
-    if (title.length >= 30) {
-        title = title.slice(0, 22 - 3) + '...'; 
-    }
  return (
    <div className="description">
-      <h2>{title}</h2>
+          <h2 className="text-ellipsis">{title}</h2>
      {children}
    </div>
  );
@ -56,15 +56,32 @@ const Characteristic = ({ label, value }) => {
  );
 };

+
+
 // Composant Détails du Produit
-export const ItemBox = ({ model, brand, purchaseDate, price, onEdit, _id }) => {
+export const ItemBox = ({ model, brand, purchaseDate, price, _id }) => {
+
+    const [isModalOpen, setIsModalOpen] = useState(false);
+
+    // Fonction pour ouvrir la fenêtre modale
+    const openModal = () => {
+        setIsModalOpen(true);
+    };
+
+    // Fonction pour fermer la fenêtre modale
+    const closeModal = () => {
+        setIsModalOpen(false);
+    };
+    
+
+
+
    let productname = brand + " " + model;
    let formatedPrice = price + "€";
    let formatedDate = new Date(purchaseDate).toLocaleDateString('fr-FR');

    let request = brand + " " + model

-
    return (
        <div className="product-details" > 
            <Description title={productname} >
@ -73,8 +90,18 @@ export const ItemBox = ({ model, brand, purchaseDate, price, onEdit, _id }) => {
                <Characteristic label="Brand" value={brand} />
                <Characteristic label="Purchase Date" value={formatedDate} />
                <Characteristic label="Price" value={formatedPrice} />
+                {/* Bouton d'édition pour ouvrir la fenêtre modale */}
+                <button onClick={openModal}>Edit</button>
            </Description>
-            <button onClick={onEdit}>Edit</button>
+            {/* Fenêtre modale */}
+            {isModalOpen && (
+                <div className="modal">
+                    <div className="modal-content">
+                        <span className="close" onClick={closeModal}>&times;</span>
+                        <FormUpdateItem itemId={_id}></FormUpdateItem>
+                    </div>
+                </div>
+            )}
        </div>
    );
-};
+};
--- a/src/components/item/ItemPage.jsx
+++ b/src/components/item/ItemPage.jsx
@ -2,6 +2,8 @@ import React, { useState, useEffect } from "react";
 import axios from 'axios'; // Assurez-vous que le chemin d'importation soit correct
 import { ItemBox } from './ItemBox';
 import { Space, DatePicker, Row, Col, Select, Input, InputNumber } from 'antd';
+import '../../assets/styles/item-page.css'
+


 const { RangePicker } = DatePicker;
@ -111,50 +113,51 @@ export const ItemPage = () => {
  const rowsToDisplay = chunkedItems.slice(startIndex, endIndex);

  return (
-    <div>
-      {/* Ajouter des éléments d'interface utilisateur pour les filtres */}
-      <Select defaultValue="all" style={{ width: 120 }} onChange={handleRoomChange}>
-        <Option value="all">Toutes</Option>
-        {rooms.map(room => (
-          <Option key={room._id} value={room._id}>{room.name}</Option>
-        ))}
-      </Select>
-      <Row>
-        <Col span={5}>
-          <Input placeholder="Recherche par nom" value={filterName} onChange={e => setFilterName(e.target.value)} />
-        </Col>
-      </Row>
-      <Space direction="vertical" size={12}>
-        <div>
-          <InputNumber placeholder="Prix min" value={filterPriceMin} onChange={value => setFilterPriceMin(value)} />
-          <span> - </span>
-          <InputNumber placeholder="Prix max" value={filterPriceMax} onChange={value => setFilterPriceMax(value)} />
-        </div>
-        <RangePicker
-          format="YYYY-MM-DD"
-          onChange={dates => setFilterDateRange(dates)}
-          value={filterDateRange}
-        />
-      </Space>
-      
-      {/* Utiliser Row et Col pour afficher les éléments */}
-      <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
-        {rowsToDisplay.map((row, rowIndex) => (
-          <React.Fragment key={rowIndex}>
-            {row.map(item => (
-              <Col className="gutter-row" span={24 / itemsPerRow} key={item._id}>
-                <ItemBox {...item} />
-              </Col>
-            ))}
-          </React.Fragment>
-        ))}
-      </Row>
-      <div className="pagination">
-        <button onClick={handlePrevPage} disabled={currentPage === 1}>Précédente</button>
-        <span>Page {currentPage}</span>
-        <button onClick={handleNextPage} disabled={endIndex >= chunkedItems.length}>Suivante</button>
+      <div className="item-container">
+          <div className="filters">
+              <div className="filter-group">
+                  <label htmlFor="roomSelect">Chambre :</label>
+                  <Select id="roomSelect" defaultValue="all" style={{ width: 120 }} onChange={handleRoomChange}>
+                      <Option value="all">Toutes</Option>
+                      {rooms.map(room => (
+                          <Option key={room._id} value={room._id}>{room.name}</Option>
+                      ))}
+                  </Select>
+              </div>
+              <div className="filter-group">
+                  <label htmlFor="nameInput">Recherche par nom :</label>
+                  <Input id="nameInput" placeholder="Recherche par nom" value={filterName} onChange={e => setFilterName(e.target.value)} />
+              </div>
+              <div className="filter-group">
+                  <label>Prix :</label>
+                  <InputNumber placeholder="Prix min" value={filterPriceMin} onChange={value => setFilterPriceMin(value)} />
+                  <span> - </span>
+                  <InputNumber placeholder="Prix max" value={filterPriceMax} onChange={value => setFilterPriceMax(value)} />
+              </div>
+              <div className="filter-group">
+                  <label>Date d'achat :</label>
+                  <RangePicker format="YYYY-MM-DD" onChange={dates => setFilterDateRange(dates)} value={filterDateRange} />
+              </div>
+          </div>
+          <div className="item-list">
+              <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
+                  {rowsToDisplay.map((row, rowIndex) => (
+                      <React.Fragment key={rowIndex}>
+                          {row.map(item => (
+                              <Col className="gutter-row" span={24 / itemsPerRow} key={item._id}>
+                                  <ItemBox {...item} />
+                              </Col>
+                          ))}
+                      </React.Fragment>
+                  ))}
+              </Row>
+          </div>
+          <div className="pagination">
+              <button onClick={handlePrevPage} disabled={currentPage === 1}>Précédente</button>
+              <span>Page {currentPage}</span>
+              <button onClick={handleNextPage} disabled={endIndex >= chunkedItems.length}>Suivante</button>
+          </div>
      </div>
-    </div>
  );
 };

--- a/src/components/nav/Navbar.jsx
+++ b/src/components/nav/Navbar.jsx
@ -2,9 +2,9 @@ import React, { useState, useEffect } from "react";
 import { Menu } from "antd";
 import { HomeOutlined } from "@ant-design/icons"
 import { Home } from "../../pages";
-import { getRoom } from "../../api/room";
+import { getRooms } from "../../api/room";
 import { isLoggedIn } from "../../api/authentication"
-import { Test } from "../../pages/test";
+import { Items } from "../../pages/items";
 import { Link } from "react-router-dom";

 function getItem(key, label) {
@ -32,7 +32,7 @@ const Navbar = () => {
        console.log("NAVBAR EFFECT")
        isLoggedIn().then((user) => {
            if (user !== "Unauthorized") {
-                getRoom().then((result) => {
+                getRooms().then((result) => {
                    setRooms(result);
                })
            }
@ -56,7 +56,7 @@ const Navbar = () => {
            <Link to="/home">Home</Link>
        </Menu.Item>,
        <Menu.Item key="2" >
-            <Link to="/test">Test</Link>
+            <Link to="/items">Tous les articles</Link>
        </Menu.Item>,
        <SubMenu key="3"  title="Chambres">
            {roomItems}
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@ -1,20 +1,35 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
+import { usePageTitle } from '../hooks/page-title-context';
+import { findInspiration } from '../api/inspirobot';
+

 import { useAuth } from "../hooks";
-import { FormCreateItem } from "../components/form/formCreateItem";
-import { FormCreateRoom } from "../components/form/formCreateRoom";
-import { RoomItemsList } from "../components/item/RoomItemsList";

 export const Home = () => {
+    const { setPageTitle } = usePageTitle();
+    const [inspirationUrl, setInspirationUrl] = useState("");
+    // Mettre à jour le titre de la page dans le contexte
+    useEffect(() => {
+        setPageTitle("Page d'accueil");
+
+    }, [setPageTitle]);
+
+    useEffect(() => {
+        findInspiration().then(result => {
+            console.log("AAAAAAAAA" + result)
+            setInspirationUrl(result)
+        })
+    }, []);
+
+
  const { user } = useAuth();
  return (
-    <div>
-      <h1>Home page</h1>
-      {user && <h2>Hello {user.user.username}</h2>}
-
-      <FormCreateRoom></FormCreateRoom>
-      <FormCreateItem></FormCreateItem>
-      <RoomItemsList></RoomItemsList>
-    </div>
+      <div style={{ display: 'block', margin: '5%, 50%, 0' }}>
+          {user && <h2>BONJOUR {user.user.username}</h2>}
+          <p>C'est un plaisir de te voir aujourd'hui.</p>
+          <p>Nous allons te générer un message inspirationnel rien que pour toi :)</p>
+          {inspirationUrl && <img src={inspirationUrl + '?' + new Date().getTime()} alt="inspirobot" style={{ display: 'block', margin: 'auto' }} width='auto' />}
+          <p>Credits : https://inspirobot.me/</p>
+      </div>
  );
 };
--- a/src/pages/items.jsx
+++ b/src/pages/items.jsx
@ -4,13 +4,13 @@ import { useAuth } from "../hooks";
 import { ItemPage } from "../components/item/ItemPage";
 import { usePageTitle } from '../hooks/page-title-context';

-export const Test = () => {
+export const Items = () => {
  const { user } = useAuth();
    const { setPageTitle } = usePageTitle();

    // Mettre à jour le titre de la page dans le contexte
    useEffect(() => {
-        setPageTitle("Vive la macronie à bat montjoie saint dennis");
+        setPageTitle("Liste des articles");
    }, [setPageTitle]);
  return (
    <div>
--- a/src/router.jsx
+++ b/src/router.jsx
@ -2,13 +2,14 @@ import React from "react";
 import { Route, Routes } from "react-router-dom";

 import { Home, Login, Register } from "./pages";
-import { Test } from "./pages/test";
+import { Items } from "./pages/items";

 export const Router = () => (
  <Routes>
-    <Route index element={<Home />} />
-    <Route path="login" element={<Login />} />
-    <Route path="register" element={<Register />} />
-    <Route path="test" element={<Test />} />
+        <Route index element={<Home />} />
+        <Route path="home" element={<Home />} />
+        <Route path="login" element={<Login />} />
+        <Route path="register" element={<Register />} />
+        <Route path="items" element={<Items />} />
  </Routes>
 );
--- a/vite.config.js
+++ b/vite.config.js
@ -4,7 +4,7 @@ import react from "@vitejs/plugin-react-swc";
 // https://vitejs.dev/config/
 export default defineConfig({
  server: {
-    port: 3000,
+    port: 3001,
  },
  test: {
    // Use happy-dom for a more lightweight browser environment