diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/App.js b/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
index 761558d..be50418 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
@@ -11,6 +11,7 @@ import Login from "../pages/Login";
 import Logout from "../pages/Logout";
 import Register from "../pages/Register";
 import Formulaire from "../pages/Formulaire";
+import MyInvoices from "../pages/MyInvoices";
 import { useState, useEffect } from "react";
 import React from 'react';
 import { useCookies } from 'react-cookie';
@@ -47,6 +48,7 @@ const App = () => {
             <Route path="logout" element={<Logout/>}/>
             <Route path="register" element={<Register/>}/>
             <Route path="formulaire" element={<Formulaire/>}/>
+            <Route path="myinvoices" element={<MyInvoices/>}/>
           </Route>
         </Routes>
       </BrowserRouter>
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js
new file mode 100644
index 0000000..c13bccd
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceItem.js
@@ -0,0 +1,11 @@
+const InvoiceItem = (invoice) => {
+
+    return (
+        <>
+            Invoice Item
+        </>
+    );
+
+}
+
+export default InvoiceItem;
\ No newline at end of file
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js
new file mode 100644
index 0000000..f4e2ec8
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/InvoiceList.js
@@ -0,0 +1,15 @@
+import InvoiceItem from "./InvoiceItem";
+
+const InvoiceList = ({ invoices }) => {
+    return (
+        <>
+            {invoices.map((invoice) => {
+                <InvoiceItem
+                    invoice={invoice}
+                />
+            })}
+        </>
+    );
+}
+
+export default InvoiceList;
\ No newline at end of file
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js
new file mode 100644
index 0000000..63a8825
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/MyInvoices.js
@@ -0,0 +1,28 @@
+import { useEffect } from "react";
+import { useState } from "react";
+import InvoiceList from "../components/InvoiceList";
+
+const MyInvoices = () => {
+
+    const [invoices, setInvoices] = useState([]);
+
+    useEffect(() => {
+        fetch(`https://localhost:7292/api/Invoices`, {
+            method: 'GET',
+            mode: 'cors',
+            credentials: 'include'
+        }).then(async (response) => {
+            console.log(response);
+        });
+    }, []);
+
+    return (
+        <>
+            <InvoiceList
+                invoices={invoices}
+            />
+        </>
+    );
+}
+
+export default MyInvoices
\ No newline at end of file