From e6b184c2453acd04ea21c449c8a65e1359384e5e Mon Sep 17 00:00:00 2001
From: Hugo Durand
 <git config --global user.email hugo.durand143@gmail.comgit config --global user.email>
Date: Thu, 4 Jan 2024 14:38:07 +0100
Subject: [PATCH 01/11] profilV2

---
 frontend/package-lock.json                    |  13 +-
 frontend/src/App.jsx                          | 294 ------------------
 frontend/src/assets/Footerbg.svg              |  30 ++
 frontend/src/assets/FooterbgMobile.svg        |  31 --
 frontend/src/assets/addimage.svg              |   4 +
 .../components/{Acceuil.jsx => Accueil.jsx}   |  14 +-
 frontend/src/components/Navbar.jsx            |   1 +
 frontend/src/components/Profil.jsx            |  24 ++
 frontend/src/components/style/Footer.scss     |   6 +-
 frontend/src/components/style/Profil.scss     |  34 ++
 frontend/src/main.jsx                         |  11 +-
 11 files changed, 121 insertions(+), 341 deletions(-)
 create mode 100644 frontend/src/assets/Footerbg.svg
 delete mode 100644 frontend/src/assets/FooterbgMobile.svg
 create mode 100644 frontend/src/assets/addimage.svg
 rename frontend/src/components/{Acceuil.jsx => Accueil.jsx} (52%)
 create mode 100644 frontend/src/components/Profil.jsx
 create mode 100644 frontend/src/components/style/Profil.scss

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 75b2ee6..22f773b 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -4,6 +4,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "frontend",
       "dependencies": {
         "axios": "^1.6.2",
         "prop-types": "^15.8.1",
@@ -4837,9 +4838,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
-      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz",
+      "integrity": "sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
@@ -8336,9 +8337,9 @@
       }
     },
     "vite": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
-      "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz",
+      "integrity": "sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==",
       "dev": true,
       "requires": {
         "esbuild": "^0.18.10",
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 3bf85fc..17342b4 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -9,300 +9,6 @@ function App() {
     <>
       <Navbar />
       <Outlet />
-      <p className="body-content">
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa
-        dignissimos tempore, itaque corrupti hic aperiam quidem deleniti impedit
-        beatae! Fuga officia incidunt distinctio quae, sit cupiditate sint
-        animi, id expedita similique officiis, quos hic. Accusantium,
-        repellendus qui tempore nesciunt excepturi libero sequi consequuntur
-        iusto minima consequatur hic, nulla eum quae optio quasi assumenda. Odio
-        dolorum error quidem perferendis et non aliquam accusantium enim
-        praesentium eum at vero nihil quo hic facilis iure, facere aperiam
-        corrupti porro! Velit perferendis totam quisquam ab corporis magni,
-        reprehenderit harum numquam iste, sequi, ullam ad? Corporis, voluptate!
-        Corporis natus cum obcaecati quasi cumque architecto, deserunt voluptate
-        veniam maxime molestiae. Voluptatum quidem ipsam officia optio impedit,
-        sequi hic facere, est pariatur ut quis rerum nulla, ad minus fugit
-        doloribus distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa
-        dignissimos tempore, itaque corrupti hic aperiam quidem deleniti impedit
-        beatae! Fuga officia incidunt distinctio quae, sit cupiditate sint
-        animi, id expedita similique officiis, quos hic. Accusantium,
-        repellendus qui tempore nesciunt excepturi libero sequi consequuntur
-        iusto minima consequatur hic, nulla eum quae optio quasi assumenda. Odio
-        dolorum error quidem perferendis et non aliquam accusantium enim
-        praesentium eum at vero nihil quo hic facilis iure, facere aperiam
-        corrupti porro! Velit perferendis totam quisquam ab corporis magni,
-        reprehenderit harum numquam iste, sequi, ullam ad? Corporis, voluptate!
-        Corporis natus cum obcaecati quasi cumque architecto, deserunt voluptate
-        veniam maxime molestiae. Voluptatum quidem ipsam officia optio impedit,
-        sequi hic facere, est pariatur ut quis rerum nulla, ad minus fugit
-        doloribus distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa
-        dignissimos tempore, itaque corrupti hic aperiam quidem deleniti impedit
-        beatae! Fuga officia incidunt distinctio quae, sit cupiditate sint
-        animi, id expedita similique officiis, quos hic. Accusantium,
-        repellendus qui tempore nesciunt excepturi libero sequi consequuntur
-        iusto minima consequatur hic, nulla eum quae optio quasi assumenda. Odio
-        dolorum error quidem perferendis et non aliquam accusantium enim
-        praesentium eum at vero nihil quo hic facilis iure, facere aperiam
-        corrupti porro! Velit perferendis totam quisquam ab corporis magni,
-        reprehenderit harum numquam iste, sequi, ullam ad? Corporis, voluptate!
-        Corporis natus cum obcaecati quasi cumque architecto, deserunt voluptate
-        veniam maxime molestiae. Voluptatum quidem ipsam officia optio impedit,
-        sequi hic facere, est pariatur ut quis rerum nulla, ad minus fugit
-        doloribus distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
-        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
-        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
-        incidunt distinctio quae, sit cupiditate sint animi, id expedita
-        similique officiis, quos hic. Accusantium, repellendus qui tempore
-        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
-        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
-        perferendis et non aliquam accusantium enim praesentium eum at vero
-        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
-        perferendis totam quisquam ab corporis magni, reprehenderit harum
-        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
-        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
-        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
-        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
-        distinctio libero itaque voluptatibus mollitia inventore animi
-        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
-        doloremque asperiores ea earum architecto voluptatum modi vitae totam
-        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
-        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
-        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
-        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
-        Nobis rerum ab, maxime libero blanditiis autem.
-      </p>
       <div>
         <Footer />
       </div>
diff --git a/frontend/src/assets/Footerbg.svg b/frontend/src/assets/Footerbg.svg
new file mode 100644
index 0000000..ab1ed81
--- /dev/null
+++ b/frontend/src/assets/Footerbg.svg
@@ -0,0 +1,30 @@
+<svg width="390" height="281" viewBox="0 0 390 281" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_190_153)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 280.233C5.40993e-05 229.348 -2.31854e-05 211.538 3.09139e-05 168.795C4.96242 165.897 3.16794 166.727 8.55266 164.119C13.9374 161.415 19.4277 158.856 25.0236 156.442C30.6195 154.028 36.2681 151.758 41.9696 149.634C47.6711 147.413 53.3725 145.385 59.074 143.55C64.6699 141.619 70.1602 139.88 75.5449 138.335C81.0352 136.79 86.4199 135.342 91.6991 133.99C96.8726 132.638 101.993 131.382 107.061 130.223C112.129 128.968 117.145 127.761 122.107 126.602C127.069 125.443 131.979 124.284 136.836 123.126C141.693 121.967 146.497 120.711 151.248 119.359C155.999 118.007 160.75 116.559 165.501 115.014C170.253 113.372 175.004 111.634 179.755 109.799C184.506 107.868 189.258 105.743 194.009 103.426C198.76 101.108 203.564 98.5488 208.421 95.7483C213.172 92.9478 218.029 89.8576 222.991 86.4776C227.848 83.0977 232.758 79.5247 237.72 75.7585C242.683 71.8957 247.645 67.9847 252.607 64.0253C257.57 59.9694 262.532 55.9135 267.495 51.8576C272.457 47.7051 277.367 43.6492 282.223 39.6899C287.08 35.7306 291.884 31.9644 296.635 28.3913C301.387 24.7217 306.032 21.2935 310.572 18.1067C315.112 15.0165 319.547 12.216 323.876 9.7052C328.31 7.29097 332.586 5.26302 336.704 3.62134C340.822 2.07624 344.781 1.01398 348.582 0.434561C352.383 -0.144854 356.026 -0.144854 359.51 0.434561C362.994 1.11054 366.32 2.26937 369.487 3.91105C372.655 5.64929 375.611 7.8221 378.356 10.4295C381.207 13.0368 383.847 16.0305 386.275 19.4104C388.809 22.7903 387.888 22.2596 390 26.3155C390 216.482 390 164.119 390 280.233C290.727 280.233 179.805 280.233 0 280.233Z" fill="#D56C06" fill-opacity="0.14"/>
+</g>
+<g filter="url(#filter1_i_190_153)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 280.959C2.32754e-06 203.632 0.000373313 84.2951 1.95097e-05 26.3389C5.85501 25.6682 17.5677 23.6522 23.3891 23.3266C29.2104 23.001 34.9188 22.9339 40.5144 23.1253C46.1267 23.1442 51.5781 23.4646 56.8685 24.0864C62.255 24.6223 67.4012 25.3732 72.3072 26.3389C77.2132 27.3046 81.975 28.3994 86.5927 29.623C91.2897 30.9332 95.851 32.2861 100.276 33.6817C104.685 35.2499 109.006 36.8177 113.239 38.3852C117.377 40.0388 121.505 41.7785 125.626 43.6046C129.763 45.2581 133.852 46.9546 137.893 48.6941C141.934 50.4336 145.936 52.1297 149.897 53.7827C153.859 55.4356 157.869 57.0455 161.927 58.6125C165.906 60.0928 169.98 61.4873 174.151 62.7957C178.243 64.0176 182.478 65.1105 186.858 66.0745C191.063 67.0379 195.459 67.8293 200.048 68.4488C204.558 68.9818 209.172 69.3425 213.89 69.531C218.609 69.7195 223.432 69.7357 228.359 69.5797C233.191 69.5097 238.167 69.3106 243.286 68.9827C248.406 68.6547 253.526 68.3268 258.646 67.9988C263.862 67.5849 269.078 67.171 274.294 66.757C279.606 66.2571 284.909 65.8435 290.205 65.5161C295.5 65.1888 300.787 64.9477 306.065 64.7928C311.343 64.638 316.565 64.6124 321.731 64.7161C327.072 64.8203 332.308 65.0968 337.44 65.5456C342.572 65.9943 347.678 66.7018 352.76 67.6682C357.841 68.6345 362.809 69.8594 367.665 71.3427C372.52 72.826 377.303 74.6111 382.012 76.6981C386.625 78.8709 389.89 80.0238 389.89 83.7948C389.89 83.7948 390.137 203.394 389.89 280.959C389.89 281.051 375.206 280.959 367.745 280.959C261.277 280.959 168.615 280.959 0 280.959Z" fill="#D56C06" fill-opacity="0.31"/>
+</g>
+<defs>
+<filter id="filter0_i_190_153" x="-138.3" y="0" width="528.3" height="305.233" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-171" dy="25"/>
+<feGaussianBlur stdDeviation="69.15"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_190_153"/>
+</filter>
+<filter id="filter1_i_190_153" x="0" y="23.019" width="390" height="261.981" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="44.05"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_190_153"/>
+</filter>
+</defs>
+</svg>
diff --git a/frontend/src/assets/FooterbgMobile.svg b/frontend/src/assets/FooterbgMobile.svg
deleted file mode 100644
index 5f416f2..0000000
--- a/frontend/src/assets/FooterbgMobile.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<svg width="390" height="288" viewBox="0 0 390 288" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_234_111)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 287.214C5.40993e-05 235.061 -2.31854e-05 216.808 3.09139e-05 172.999C4.96242 170.03 3.16794 170.88 8.55266 168.208C13.9374 165.436 19.4277 162.813 25.0236 160.339C30.6195 157.865 36.2681 155.539 41.9696 153.361C47.6711 151.085 53.3725 149.006 59.074 147.126C64.6699 145.146 70.1602 143.365 75.5449 141.781C81.0352 140.198 86.4199 138.713 91.6991 137.327C96.8726 135.942 101.993 134.655 107.061 133.467C112.129 132.181 117.145 130.944 122.107 129.756C127.069 128.568 131.979 127.381 136.836 126.193C141.693 125.005 146.497 123.718 151.248 122.333C155.999 120.947 160.75 119.463 165.501 117.879C170.253 116.196 175.004 114.415 179.755 112.534C184.506 110.555 189.258 108.377 194.009 106.002C198.76 103.627 203.564 101.004 208.421 98.1335C213.172 95.2632 218.029 92.096 222.991 88.6319C227.848 85.1678 232.758 81.5057 237.72 77.6457C242.683 73.6867 247.645 69.6782 252.607 65.6203C257.57 61.4633 262.532 57.3064 267.495 53.1494C272.457 48.8935 277.367 44.7366 282.223 40.6786C287.08 36.6207 291.884 32.7606 296.635 29.0986C301.387 25.3375 306.032 21.8239 310.572 18.5578C315.112 15.3906 319.547 12.5203 323.876 9.94696C328.31 7.47259 332.586 5.39412 336.704 3.71155C340.822 2.12796 344.781 1.03923 348.582 0.445386C352.383 -0.148462 356.026 -0.148462 359.51 0.445386C362.994 1.13821 366.32 2.32591 369.487 4.00848C372.655 5.79002 375.611 8.01696 378.356 10.6893C381.207 13.3616 383.847 16.4298 386.275 19.8939C388.809 23.358 387.888 22.8141 390 26.9711C390 221.875 390 168.208 390 287.214C290.727 287.214 179.805 287.214 0 287.214Z" fill="#D56C06" fill-opacity="0.14"/>
-</g>
-<g filter="url(#filter1_i_234_111)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 287.958C2.32754e-06 208.704 0.000373313 86.3948 1.95097e-05 26.9948C5.85501 26.3075 17.5677 24.2412 23.3891 23.9075C29.2104 23.5738 34.9188 23.5051 40.5144 23.7012C46.1267 23.7206 51.5781 24.0489 56.8685 24.6863C62.255 25.2355 67.4012 26.005 72.3072 26.9948C77.2132 27.9846 81.975 29.1066 86.5927 30.3608C91.2897 31.7036 95.851 33.0902 100.276 34.5206C104.685 36.1278 109.006 37.7347 113.239 39.3413C117.377 41.036 121.505 42.8191 125.626 44.6906C129.763 46.3853 133.852 48.1241 137.893 49.9069C141.934 51.6897 145.936 53.4282 149.897 55.1223C153.859 56.8164 157.869 58.4664 161.927 60.0724C165.906 61.5896 169.98 63.0188 174.151 64.3598C178.243 65.6122 182.478 66.7323 186.858 67.7203C191.063 68.7077 195.459 69.5188 200.048 70.1538C204.558 70.7 209.172 71.0697 213.89 71.2629C218.609 71.4561 223.432 71.4727 228.359 71.3128C233.191 71.241 238.167 71.0371 243.286 70.7009C248.406 70.3648 253.526 70.0287 258.646 69.6926C263.862 69.2683 269.078 68.8441 274.294 68.4198C279.606 67.9075 284.909 67.4835 290.205 67.148C295.5 66.8125 300.787 66.5654 306.065 66.4067C311.343 66.248 316.565 66.2218 321.731 66.328C327.072 66.4349 332.308 66.7183 337.44 67.1782C342.572 67.6381 347.678 68.3633 352.76 69.3537C357.841 70.3441 362.809 71.5994 367.665 73.1197C372.52 74.64 377.303 76.4696 382.012 78.6085C386.625 80.8355 389.89 82.0171 389.89 85.882C389.89 85.882 390.137 208.461 389.89 287.958C389.89 288.052 375.206 287.958 367.745 287.958C261.277 287.958 168.615 287.958 0 287.958Z" fill="#D56C06" fill-opacity="0.31"/>
-</g>
-<path d="M166.794 108.656C166.944 108.692 167.019 108.785 167.019 108.935V109.466H165.228V106.532C165.228 106.232 165.165 106.01 165.039 105.866C164.913 105.716 164.724 105.641 164.472 105.641C164.37 105.641 164.262 105.662 164.148 105.704C164.052 105.74 163.968 105.794 163.896 105.866C163.836 105.926 163.779 106.019 163.725 106.145C163.683 106.247 163.662 106.376 163.662 106.532V108.575L163.923 108.62L164.058 108.647L164.112 108.656C164.262 108.692 164.337 108.785 164.337 108.935V109.466H162.546V106.532C162.546 106.226 162.483 106.001 162.357 105.857C162.231 105.713 162.048 105.641 161.808 105.641C161.646 105.641 161.496 105.68 161.358 105.758C161.232 105.83 161.103 105.941 160.971 106.091V108.575L161.232 108.62L161.367 108.647L161.421 108.656C161.571 108.692 161.646 108.785 161.646 108.935V109.466H159.18V108.935C159.18 108.785 159.255 108.692 159.405 108.656L159.459 108.647C159.477 108.647 159.495 108.644 159.513 108.638C159.537 108.632 159.564 108.626 159.594 108.62L159.855 108.575V105.74L159.594 105.695C159.564 105.689 159.537 105.683 159.513 105.677C159.495 105.671 159.477 105.668 159.459 105.668L159.405 105.659C159.249 105.623 159.171 105.53 159.171 105.38V104.849H160.539C160.677 104.849 160.77 104.918 160.818 105.056L160.89 105.398C160.998 105.278 161.082 105.194 161.142 105.146C161.226 105.08 161.322 105.017 161.43 104.957C161.526 104.903 161.634 104.858 161.754 104.822C161.85 104.792 161.976 104.777 162.132 104.777C162.432 104.777 162.672 104.855 162.852 105.011C163.044 105.179 163.185 105.389 163.275 105.641C163.347 105.485 163.437 105.353 163.545 105.245C163.641 105.149 163.758 105.062 163.896 104.984C163.998 104.924 164.136 104.873 164.31 104.831C164.454 104.795 164.601 104.777 164.751 104.777C165.009 104.777 165.234 104.816 165.426 104.894C165.636 104.978 165.804 105.092 165.93 105.236C166.062 105.386 166.164 105.569 166.236 105.785C166.308 106.001 166.344 106.25 166.344 106.532V108.575L166.605 108.62C166.635 108.626 166.659 108.632 166.677 108.638C166.701 108.644 166.722 108.647 166.74 108.647L166.794 108.656ZM169.549 104.777C169.843 104.777 170.11 104.822 170.35 104.912C170.578 104.996 170.788 105.134 170.98 105.326C171.154 105.5 171.292 105.719 171.394 105.983C171.496 106.253 171.547 106.547 171.547 106.865C171.547 106.937 171.541 107.009 171.529 107.081C171.517 107.147 171.505 107.189 171.493 107.207C171.481 107.237 171.454 107.261 171.412 107.279C171.388 107.291 171.346 107.297 171.286 107.297H168.433C168.469 107.771 168.598 108.119 168.82 108.341C169.042 108.563 169.336 108.674 169.702 108.674C169.888 108.674 170.041 108.653 170.161 108.611C170.293 108.569 170.407 108.521 170.503 108.467C170.545 108.443 170.587 108.422 170.629 108.404C170.677 108.38 170.722 108.356 170.764 108.332C170.83 108.29 170.899 108.269 170.971 108.269C171.019 108.269 171.061 108.278 171.097 108.296C171.127 108.308 171.154 108.332 171.178 108.368L171.502 108.773C171.364 108.929 171.226 109.052 171.088 109.142C170.926 109.244 170.767 109.322 170.611 109.376C170.461 109.424 170.29 109.463 170.098 109.493C169.948 109.517 169.78 109.529 169.594 109.529C169.264 109.529 168.967 109.478 168.703 109.376C168.439 109.274 168.199 109.115 167.983 108.899C167.779 108.695 167.617 108.437 167.497 108.125C167.383 107.825 167.326 107.468 167.326 107.054C167.326 106.754 167.377 106.46 167.479 106.172C167.575 105.902 167.722 105.659 167.92 105.443C168.106 105.239 168.337 105.077 168.613 104.957C168.889 104.837 169.201 104.777 169.549 104.777ZM169.567 105.569C169.249 105.569 168.997 105.662 168.811 105.848C168.631 106.028 168.514 106.286 168.46 106.622H170.548C170.548 106.496 170.527 106.361 170.485 106.217C170.449 106.103 170.389 105.992 170.305 105.884C170.227 105.788 170.125 105.713 169.999 105.659C169.861 105.599 169.717 105.569 169.567 105.569ZM177.02 108.656C177.17 108.692 177.245 108.785 177.245 108.935V109.466H175.454V106.532C175.454 106.256 175.388 106.037 175.256 105.875C175.13 105.719 174.935 105.641 174.671 105.641C174.479 105.641 174.299 105.686 174.131 105.776C173.951 105.872 173.792 105.989 173.654 106.127V108.575L173.915 108.62L174.05 108.647L174.104 108.656C174.254 108.692 174.329 108.785 174.329 108.935V109.466H171.863V108.935C171.863 108.785 171.938 108.692 172.088 108.656L172.142 108.647L172.277 108.62L172.538 108.575V105.74L172.277 105.695C172.247 105.689 172.22 105.683 172.196 105.677C172.178 105.671 172.16 105.668 172.142 105.668L172.088 105.659C171.938 105.623 171.863 105.53 171.863 105.38V104.849H173.222C173.36 104.849 173.453 104.918 173.501 105.056L173.582 105.416C173.666 105.32 173.762 105.233 173.87 105.155C173.954 105.089 174.065 105.023 174.203 104.957C174.359 104.885 174.482 104.84 174.572 104.822C174.722 104.792 174.866 104.777 175.004 104.777C175.268 104.777 175.493 104.819 175.679 104.903C175.853 104.975 176.015 105.095 176.165 105.263C176.291 105.413 176.39 105.599 176.462 105.821C176.528 106.019 176.561 106.256 176.561 106.532V108.575L176.831 108.62C176.861 108.626 176.885 108.632 176.903 108.638C176.927 108.644 176.948 108.647 176.966 108.647L177.02 108.656ZM179.456 109.538C179.054 109.538 178.745 109.424 178.529 109.196C178.313 108.968 178.205 108.656 178.205 108.26V105.686H177.737C177.689 105.686 177.638 105.665 177.584 105.623C177.536 105.587 177.512 105.53 177.512 105.452V105.002L178.259 104.885L178.493 103.625C178.499 103.571 178.526 103.526 178.574 103.49C178.622 103.454 178.679 103.436 178.745 103.436H179.321V104.894H180.536V105.686H179.321V108.188C179.321 108.326 179.357 108.437 179.429 108.521C179.501 108.599 179.597 108.638 179.717 108.638C179.801 108.638 179.858 108.632 179.888 108.62L180.005 108.566L180.104 108.512C180.122 108.5 180.146 108.494 180.176 108.494C180.224 108.494 180.254 108.5 180.266 108.512L180.329 108.584L180.662 109.124C180.506 109.25 180.32 109.352 180.104 109.43C179.9 109.502 179.684 109.538 179.456 109.538ZM182.895 103.499C182.895 103.583 182.874 103.673 182.832 103.769C182.796 103.853 182.745 103.928 182.679 103.994C182.607 104.066 182.532 104.117 182.454 104.147C182.364 104.183 182.271 104.201 182.175 104.201C182.079 104.201 181.986 104.183 181.896 104.147C181.824 104.117 181.752 104.066 181.68 103.994C181.614 103.928 181.563 103.853 181.527 103.769C181.491 103.685 181.473 103.595 181.473 103.499C181.473 103.403 181.491 103.31 181.527 103.22C181.557 103.142 181.608 103.067 181.68 102.995C181.746 102.929 181.818 102.881 181.896 102.851C182.004 102.809 182.097 102.788 182.175 102.788C182.253 102.788 182.346 102.809 182.454 102.851C182.544 102.887 182.619 102.935 182.679 102.995C182.751 103.067 182.802 103.142 182.832 103.22C182.874 103.322 182.895 103.415 182.895 103.499ZM183.183 108.656C183.333 108.692 183.408 108.785 183.408 108.935V109.466H180.933V108.935C180.933 108.785 181.008 108.692 181.158 108.656L181.212 108.647L181.347 108.62L181.617 108.575V105.74L181.347 105.695C181.317 105.689 181.29 105.683 181.266 105.677C181.248 105.671 181.23 105.668 181.212 105.668L181.158 105.659C181.008 105.623 180.933 105.53 180.933 105.38V104.849H182.724V108.575L182.994 108.62C183.024 108.626 183.048 108.632 183.066 108.638C183.09 108.644 183.111 108.647 183.129 108.647L183.183 108.656ZM185.987 104.777C186.317 104.777 186.629 104.834 186.923 104.948C187.211 105.062 187.451 105.218 187.643 105.416C187.835 105.614 187.985 105.863 188.093 106.163C188.201 106.457 188.255 106.784 188.255 107.144C188.255 107.504 188.201 107.834 188.093 108.134C187.979 108.44 187.829 108.692 187.643 108.89C187.445 109.1 187.205 109.259 186.923 109.367C186.647 109.475 186.335 109.529 185.987 109.529C185.639 109.529 185.324 109.475 185.042 109.367C184.76 109.259 184.52 109.1 184.322 108.89C184.112 108.674 183.956 108.422 183.854 108.134C183.746 107.834 183.692 107.504 183.692 107.144C183.692 106.784 183.746 106.457 183.854 106.163C183.956 105.887 184.112 105.638 184.322 105.416C184.514 105.218 184.754 105.062 185.042 104.948C185.336 104.834 185.651 104.777 185.987 104.777ZM185.987 108.674C186.371 108.674 186.653 108.545 186.833 108.287C187.019 108.017 187.112 107.639 187.112 107.153C187.112 106.667 187.019 106.289 186.833 106.019C186.653 105.755 186.371 105.623 185.987 105.623C185.603 105.623 185.315 105.755 185.123 106.019C184.931 106.283 184.835 106.664 184.835 107.162C184.835 107.648 184.931 108.023 185.123 108.287C185.309 108.545 185.597 108.674 185.987 108.674ZM193.736 108.656C193.886 108.692 193.961 108.785 193.961 108.935V109.466H192.17V106.532C192.17 106.256 192.104 106.037 191.972 105.875C191.846 105.719 191.651 105.641 191.387 105.641C191.195 105.641 191.015 105.686 190.847 105.776C190.667 105.872 190.508 105.989 190.37 106.127V108.575L190.631 108.62L190.766 108.647L190.82 108.656C190.97 108.692 191.045 108.785 191.045 108.935V109.466H188.579V108.935C188.579 108.785 188.654 108.692 188.804 108.656L188.858 108.647L188.993 108.62L189.254 108.575V105.74L188.993 105.695C188.963 105.689 188.936 105.683 188.912 105.677C188.894 105.671 188.876 105.668 188.858 105.668L188.804 105.659C188.654 105.623 188.579 105.53 188.579 105.38V104.849H189.938C190.076 104.849 190.169 104.918 190.217 105.056L190.298 105.416C190.382 105.32 190.478 105.233 190.586 105.155C190.67 105.089 190.781 105.023 190.919 104.957C191.075 104.885 191.198 104.84 191.288 104.822C191.438 104.792 191.582 104.777 191.72 104.777C191.984 104.777 192.209 104.819 192.395 104.903C192.569 104.975 192.731 105.095 192.881 105.263C193.007 105.413 193.106 105.599 193.178 105.821C193.244 106.019 193.277 106.256 193.277 106.532V108.575L193.547 108.62C193.577 108.626 193.601 108.632 193.619 108.638C193.643 108.644 193.664 108.647 193.682 108.647L193.736 108.656ZM197.523 107.522C197.589 107.666 197.622 107.825 197.622 107.999C197.622 108.215 197.58 108.422 197.496 108.62C197.412 108.806 197.295 108.968 197.145 109.106C196.983 109.25 196.791 109.355 196.569 109.421C196.353 109.499 196.089 109.538 195.777 109.538C195.507 109.538 195.24 109.514 194.976 109.466C194.718 109.418 194.496 109.358 194.31 109.286V107.981H194.832C194.94 107.981 195.009 108.038 195.039 108.152C195.051 108.218 195.072 108.395 195.102 108.683C195.264 108.731 195.507 108.755 195.831 108.755C195.957 108.755 196.071 108.74 196.173 108.71C196.275 108.674 196.353 108.632 196.407 108.584C196.479 108.524 196.524 108.467 196.542 108.413C196.566 108.347 196.578 108.275 196.578 108.197C196.578 108.089 196.548 108.002 196.488 107.936C196.434 107.876 196.347 107.816 196.227 107.756C196.113 107.702 195.993 107.657 195.867 107.621L195.444 107.486C195.348 107.456 195.21 107.399 195.03 107.315C194.886 107.249 194.763 107.168 194.661 107.072C194.553 106.976 194.469 106.856 194.409 106.712C194.343 106.562 194.31 106.388 194.31 106.19C194.31 105.998 194.346 105.818 194.418 105.65C194.49 105.482 194.601 105.332 194.751 105.2C194.901 105.068 195.084 104.966 195.3 104.894C195.534 104.816 195.783 104.777 196.047 104.777C196.275 104.777 196.476 104.795 196.65 104.831C196.824 104.861 197.073 104.924 197.397 105.02H197.388V106.325H196.875C196.767 106.325 196.698 106.268 196.668 106.154C196.65 106.076 196.629 105.908 196.605 105.65C196.467 105.608 196.287 105.587 196.065 105.587C195.849 105.587 195.678 105.632 195.552 105.722C195.426 105.812 195.363 105.935 195.363 106.091C195.363 106.181 195.396 106.265 195.462 106.343C195.51 106.397 195.594 106.454 195.714 106.514C195.852 106.58 195.972 106.628 196.074 106.658C196.122 106.67 196.26 106.712 196.488 106.784C196.602 106.82 196.743 106.877 196.911 106.955C197.055 107.021 197.175 107.099 197.271 107.189C197.379 107.279 197.463 107.39 197.523 107.522ZM202.246 108.656C202.396 108.692 202.471 108.785 202.471 108.935V109.466H199.996V108.935C199.996 108.785 200.071 108.692 200.221 108.656L200.275 108.647L200.41 108.62L200.68 108.575V103.67L200.41 103.625C200.38 103.619 200.353 103.613 200.329 103.607C200.311 103.601 200.293 103.598 200.275 103.598L200.221 103.589C200.071 103.553 199.996 103.46 199.996 103.31V102.779H201.787V108.575L202.057 108.62L202.192 108.647L202.246 108.656ZM205.446 104.057C205.386 104.123 205.332 104.165 205.284 104.183C205.212 104.207 205.143 104.219 205.077 104.219H204.411L205.05 103.121C205.092 103.043 205.146 102.986 205.212 102.95C205.284 102.908 205.374 102.887 205.482 102.887H206.562L205.446 104.057ZM204.978 104.777C205.272 104.777 205.539 104.822 205.779 104.912C206.007 104.996 206.217 105.134 206.409 105.326C206.583 105.5 206.721 105.719 206.823 105.983C206.925 106.253 206.976 106.547 206.976 106.865C206.976 106.937 206.97 107.009 206.958 107.081C206.946 107.147 206.934 107.189 206.922 107.207C206.91 107.237 206.883 107.261 206.841 107.279C206.817 107.291 206.775 107.297 206.715 107.297H203.862C203.898 107.771 204.027 108.119 204.249 108.341C204.471 108.563 204.765 108.674 205.131 108.674C205.317 108.674 205.47 108.653 205.59 108.611C205.722 108.569 205.836 108.521 205.932 108.467C205.974 108.443 206.016 108.422 206.058 108.404C206.106 108.38 206.151 108.356 206.193 108.332C206.259 108.29 206.328 108.269 206.4 108.269C206.448 108.269 206.49 108.278 206.526 108.296C206.556 108.308 206.583 108.332 206.607 108.368L206.931 108.773C206.793 108.929 206.655 109.052 206.517 109.142C206.355 109.244 206.196 109.322 206.04 109.376C205.89 109.424 205.719 109.463 205.527 109.493C205.377 109.517 205.209 109.529 205.023 109.529C204.693 109.529 204.396 109.478 204.132 109.376C203.868 109.274 203.628 109.115 203.412 108.899C203.208 108.695 203.046 108.437 202.926 108.125C202.812 107.825 202.755 107.468 202.755 107.054C202.755 106.754 202.806 106.46 202.908 106.172C203.004 105.902 203.151 105.659 203.349 105.443C203.535 105.239 203.766 105.077 204.042 104.957C204.318 104.837 204.63 104.777 204.978 104.777ZM204.996 105.569C204.678 105.569 204.426 105.662 204.24 105.848C204.06 106.028 203.943 106.286 203.889 106.622H205.977C205.977 106.496 205.956 106.361 205.914 106.217C205.878 106.103 205.818 105.992 205.734 105.884C205.656 105.788 205.554 105.713 205.428 105.659C205.29 105.599 205.146 105.569 204.996 105.569ZM209.262 104.768C209.436 104.768 209.622 104.789 209.82 104.831C209.988 104.867 210.147 104.927 210.297 105.011H211.62V105.425C211.62 105.497 211.602 105.551 211.566 105.587C211.53 105.623 211.47 105.65 211.386 105.668L210.972 105.74C210.996 105.8 211.017 105.884 211.035 105.992C211.053 106.082 211.062 106.172 211.062 106.262C211.062 106.496 211.017 106.703 210.927 106.883C210.831 107.075 210.705 107.231 210.549 107.351C210.393 107.471 210.201 107.57 209.973 107.648C209.757 107.72 209.52 107.756 209.262 107.756C209.058 107.756 208.887 107.741 208.749 107.711C208.605 107.801 208.533 107.897 208.533 107.999C208.533 108.095 208.575 108.164 208.659 108.206C208.743 108.248 208.857 108.278 209.001 108.296C209.193 108.32 209.352 108.332 209.478 108.332C209.538 108.332 209.613 108.335 209.703 108.341C209.793 108.341 209.898 108.347 210.018 108.359C210.204 108.377 210.387 108.404 210.567 108.44C210.723 108.47 210.879 108.53 211.035 108.62C211.179 108.698 211.293 108.806 211.377 108.944C211.461 109.076 211.503 109.256 211.503 109.484C211.503 109.688 211.452 109.886 211.35 110.078C211.254 110.27 211.11 110.441 210.918 110.591C210.738 110.741 210.504 110.861 210.216 110.951C209.934 111.041 209.619 111.086 209.271 111.086C208.899 111.086 208.593 111.053 208.353 110.987C208.101 110.915 207.888 110.825 207.714 110.717C207.546 110.615 207.42 110.486 207.336 110.33C207.252 110.18 207.21 110.027 207.21 109.871C207.21 109.643 207.276 109.46 207.408 109.322C207.534 109.184 207.717 109.07 207.957 108.98C207.849 108.92 207.759 108.836 207.687 108.728C207.615 108.62 207.579 108.482 207.579 108.314C207.579 108.236 207.591 108.164 207.615 108.098C207.651 108.002 207.687 107.93 207.723 107.882C207.783 107.804 207.846 107.735 207.912 107.675C207.96 107.633 208.05 107.576 208.182 107.504C207.948 107.378 207.762 107.21 207.624 107C207.492 106.796 207.426 106.55 207.426 106.262C207.426 106.028 207.471 105.821 207.561 105.641C207.651 105.461 207.78 105.305 207.948 105.173C208.11 105.047 208.302 104.948 208.524 104.876C208.752 104.804 208.998 104.768 209.262 104.768ZM209.262 107.045C209.4 107.045 209.52 107.027 209.622 106.991C209.724 106.955 209.808 106.904 209.874 106.838C209.934 106.79 209.985 106.709 210.027 106.595C210.063 106.505 210.081 106.403 210.081 106.289C210.081 106.067 210.012 105.887 209.874 105.749C209.742 105.617 209.538 105.551 209.262 105.551C208.98 105.551 208.773 105.617 208.641 105.749C208.509 105.881 208.443 106.061 208.443 106.289C208.443 106.415 208.458 106.517 208.488 106.595C208.524 106.685 208.575 106.763 208.641 106.829C208.719 106.907 208.806 106.961 208.902 106.991C209.01 107.027 209.13 107.045 209.262 107.045ZM210.477 109.673C210.477 109.583 210.45 109.511 210.396 109.457C210.342 109.403 210.27 109.358 210.18 109.322C210.114 109.298 210.003 109.274 209.847 109.25C209.751 109.238 209.619 109.226 209.451 109.214L209.019 109.196C208.827 109.184 208.686 109.172 208.596 109.16C208.458 109.238 208.356 109.319 208.29 109.403C208.212 109.499 208.173 109.607 208.173 109.727C208.173 109.793 208.194 109.868 208.236 109.952C208.272 110.024 208.335 110.087 208.425 110.141C208.509 110.189 208.626 110.228 208.776 110.258C208.938 110.288 209.109 110.303 209.289 110.303C209.499 110.303 209.679 110.285 209.829 110.249C209.991 110.213 210.114 110.171 210.198 110.123C210.294 110.075 210.366 110.009 210.414 109.925C210.456 109.859 210.477 109.775 210.477 109.673ZM216.054 108.647C216.204 108.683 216.279 108.776 216.279 108.926V109.457H215.217C215.103 109.457 215.019 109.442 214.965 109.412C214.905 109.388 214.86 109.322 214.83 109.214L214.731 108.89C214.611 109.004 214.497 109.097 214.389 109.169C214.305 109.229 214.188 109.295 214.038 109.367C213.93 109.415 213.804 109.454 213.66 109.484C213.51 109.514 213.36 109.529 213.21 109.529C213.012 109.529 212.832 109.502 212.67 109.448C212.496 109.388 212.355 109.31 212.247 109.214C212.121 109.1 212.028 108.968 211.968 108.818C211.902 108.656 211.869 108.476 211.869 108.278C211.869 108.098 211.914 107.924 212.004 107.756C212.094 107.582 212.247 107.429 212.463 107.297C212.691 107.153 212.973 107.039 213.309 106.955C213.663 106.865 214.104 106.82 214.632 106.82V106.55C214.632 106.25 214.566 106.019 214.434 105.857C214.308 105.707 214.119 105.632 213.867 105.632C213.675 105.632 213.525 105.653 213.417 105.695C213.279 105.749 213.174 105.797 213.102 105.839L212.859 105.974C212.793 106.016 212.712 106.037 212.616 106.037C212.538 106.037 212.472 106.019 212.418 105.983C212.382 105.959 212.34 105.911 212.292 105.839L212.085 105.488C212.625 104.996 213.264 104.75 214.002 104.75C214.272 104.75 214.515 104.795 214.731 104.885C214.941 104.975 215.118 105.098 215.262 105.254C215.424 105.44 215.538 105.629 215.604 105.821C215.676 106.037 215.712 106.277 215.712 106.541V108.584L215.955 108.629L216.054 108.647ZM214.632 107.495C214.296 107.495 214.026 107.516 213.822 107.558C213.6 107.606 213.423 107.66 213.291 107.72C213.159 107.78 213.066 107.852 213.012 107.936C212.958 108.014 212.931 108.107 212.931 108.215C212.931 108.419 212.988 108.56 213.102 108.638C213.222 108.722 213.372 108.764 213.552 108.764C213.666 108.764 213.771 108.755 213.867 108.737C213.969 108.719 214.062 108.686 214.146 108.638C214.254 108.578 214.335 108.527 214.389 108.485C214.473 108.419 214.554 108.347 214.632 108.269V107.495ZM218.866 108.656C219.016 108.692 219.091 108.785 219.091 108.935V109.466H216.616V108.935C216.616 108.785 216.691 108.692 216.841 108.656L216.895 108.647L217.03 108.62L217.3 108.575V103.67L217.03 103.625C217 103.619 216.973 103.613 216.949 103.607C216.931 103.601 216.913 103.598 216.895 103.598L216.841 103.589C216.691 103.553 216.616 103.46 216.616 103.31V102.779H218.407V108.575L218.677 108.62L218.812 108.647L218.866 108.656ZM221.598 104.777C221.892 104.777 222.159 104.822 222.399 104.912C222.627 104.996 222.837 105.134 223.029 105.326C223.203 105.5 223.341 105.719 223.443 105.983C223.545 106.253 223.596 106.547 223.596 106.865C223.596 106.937 223.59 107.009 223.578 107.081C223.566 107.147 223.554 107.189 223.542 107.207C223.53 107.237 223.503 107.261 223.461 107.279C223.437 107.291 223.395 107.297 223.335 107.297H220.482C220.518 107.771 220.647 108.119 220.869 108.341C221.091 108.563 221.385 108.674 221.751 108.674C221.937 108.674 222.09 108.653 222.21 108.611C222.342 108.569 222.456 108.521 222.552 108.467C222.594 108.443 222.636 108.422 222.678 108.404C222.726 108.38 222.771 108.356 222.813 108.332C222.879 108.29 222.948 108.269 223.02 108.269C223.068 108.269 223.11 108.278 223.146 108.296C223.176 108.308 223.203 108.332 223.227 108.368L223.551 108.773C223.413 108.929 223.275 109.052 223.137 109.142C222.975 109.244 222.816 109.322 222.66 109.376C222.51 109.424 222.339 109.463 222.147 109.493C221.997 109.517 221.829 109.529 221.643 109.529C221.313 109.529 221.016 109.478 220.752 109.376C220.488 109.274 220.248 109.115 220.032 108.899C219.828 108.695 219.666 108.437 219.546 108.125C219.432 107.825 219.375 107.468 219.375 107.054C219.375 106.754 219.426 106.46 219.528 106.172C219.624 105.902 219.771 105.659 219.969 105.443C220.155 105.239 220.386 105.077 220.662 104.957C220.938 104.837 221.25 104.777 221.598 104.777ZM221.616 105.569C221.298 105.569 221.046 105.662 220.86 105.848C220.68 106.028 220.563 106.286 220.509 106.622H222.597C222.597 106.496 222.576 106.361 222.534 106.217C222.498 106.103 222.438 105.992 222.354 105.884C222.276 105.788 222.174 105.713 222.048 105.659C221.91 105.599 221.766 105.569 221.616 105.569ZM227.133 107.522C227.199 107.666 227.232 107.825 227.232 107.999C227.232 108.215 227.19 108.422 227.106 108.62C227.022 108.806 226.905 108.968 226.755 109.106C226.593 109.25 226.401 109.355 226.179 109.421C225.963 109.499 225.699 109.538 225.387 109.538C225.117 109.538 224.85 109.514 224.586 109.466C224.328 109.418 224.106 109.358 223.92 109.286V107.981H224.442C224.55 107.981 224.619 108.038 224.649 108.152C224.661 108.218 224.682 108.395 224.712 108.683C224.874 108.731 225.117 108.755 225.441 108.755C225.567 108.755 225.681 108.74 225.783 108.71C225.885 108.674 225.963 108.632 226.017 108.584C226.089 108.524 226.134 108.467 226.152 108.413C226.176 108.347 226.188 108.275 226.188 108.197C226.188 108.089 226.158 108.002 226.098 107.936C226.044 107.876 225.957 107.816 225.837 107.756C225.723 107.702 225.603 107.657 225.477 107.621L225.054 107.486C224.958 107.456 224.82 107.399 224.64 107.315C224.496 107.249 224.373 107.168 224.271 107.072C224.163 106.976 224.079 106.856 224.019 106.712C223.953 106.562 223.92 106.388 223.92 106.19C223.92 105.998 223.956 105.818 224.028 105.65C224.1 105.482 224.211 105.332 224.361 105.2C224.511 105.068 224.694 104.966 224.91 104.894C225.144 104.816 225.393 104.777 225.657 104.777C225.885 104.777 226.086 104.795 226.26 104.831C226.434 104.861 226.683 104.924 227.007 105.02H226.998V106.325H226.485C226.377 106.325 226.308 106.268 226.278 106.154C226.26 106.076 226.239 105.908 226.215 105.65C226.077 105.608 225.897 105.587 225.675 105.587C225.459 105.587 225.288 105.632 225.162 105.722C225.036 105.812 224.973 105.935 224.973 106.091C224.973 106.181 225.006 106.265 225.072 106.343C225.12 106.397 225.204 106.454 225.324 106.514C225.462 106.58 225.582 106.628 225.684 106.658C225.732 106.67 225.87 106.712 226.098 106.784C226.212 106.82 226.353 106.877 226.521 106.955C226.665 107.021 226.785 107.099 226.881 107.189C226.989 107.279 227.073 107.39 227.133 107.522Z" fill="white"/>
-<defs>
-<filter id="filter0_i_234_111" x="-138.3" y="0" width="528.3" height="312.214" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="-171" dy="25"/>
-<feGaussianBlur stdDeviation="69.15"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_234_111"/>
-</filter>
-<filter id="filter1_i_234_111" x="0" y="23.5923" width="390" height="268.407" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="44.05"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_234_111"/>
-</filter>
-</defs>
-</svg>
diff --git a/frontend/src/assets/addimage.svg b/frontend/src/assets/addimage.svg
new file mode 100644
index 0000000..a6a535d
--- /dev/null
+++ b/frontend/src/assets/addimage.svg
@@ -0,0 +1,4 @@
+<svg width="140" height="139" viewBox="0 0 140 139" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="140" height="139" rx="16" fill="#D0C9C9"/>
+<path d="M70 63.875C68.8969 63.875 67.8046 64.0932 66.7855 64.5173C65.7663 64.9413 64.8403 65.5628 64.0603 66.3463C63.2803 67.1298 62.6616 68.0599 62.2394 69.0836C61.8173 70.1073 61.6 71.2045 61.6 72.3125C61.6 73.4205 61.8173 74.5177 62.2394 75.5414C62.6616 76.5651 63.2803 77.4952 64.0603 78.2787C64.8403 79.0622 65.7663 79.6837 66.7855 80.1077C67.8046 80.5318 68.8969 80.75 70 80.75C72.2278 80.75 74.3644 79.8611 75.9397 78.2787C77.515 76.6964 78.4 74.5503 78.4 72.3125C78.4 70.0747 77.515 67.9286 75.9397 66.3463C74.3644 64.7639 72.2278 63.875 70 63.875ZM92.4 55.4375H85.68C85.1964 55.4153 84.7297 55.2518 84.3372 54.9671C83.9448 54.6823 83.6437 54.2886 83.4708 53.8344L81.732 48.6003C81.5579 48.1466 81.256 47.7536 80.8632 47.4694C80.4703 47.1852 80.0036 47.0221 79.52 47H60.48C59.556 47 58.5592 47.72 58.2708 48.5975L56.5292 53.8344C56.356 54.2884 56.0548 54.6819 55.6624 54.9666C55.2701 55.2513 54.8035 55.415 54.32 55.4375H47.6C44.52 55.4375 42 57.9688 42 61.0625V86.375C42 89.4688 44.52 92 47.6 92H92.4C95.48 92 98 89.4688 98 86.375V61.0625C98 57.9688 95.48 55.4375 92.4 55.4375ZM70 86.375C66.287 86.375 62.726 84.8934 60.1005 82.2562C57.475 79.619 56 76.0421 56 72.3125C56 68.5829 57.475 65.006 60.1005 62.3688C62.726 59.7316 66.287 58.25 70 58.25C73.713 58.25 77.274 59.7316 79.8995 62.3688C82.525 65.006 84 68.5829 84 72.3125C84 76.0421 82.525 79.619 79.8995 82.2562C77.274 84.8934 73.713 86.375 70 86.375ZM91 64.4375C90.4802 64.4375 89.9816 64.2301 89.6141 63.8609C89.2465 63.4917 89.04 62.9909 89.04 62.4688C89.04 61.9466 89.2465 61.4458 89.6141 61.0766C89.9816 60.7074 90.4802 60.5 91 60.5C91.5198 60.5 92.0184 60.7074 92.3859 61.0766C92.7535 61.4458 92.96 61.9466 92.96 62.4688C92.96 62.9909 92.7535 63.4917 92.3859 63.8609C92.0184 64.2301 91.5198 64.4375 91 64.4375Z" fill="#7B7474"/>
+</svg>
diff --git a/frontend/src/components/Acceuil.jsx b/frontend/src/components/Accueil.jsx
similarity index 52%
rename from frontend/src/components/Acceuil.jsx
rename to frontend/src/components/Accueil.jsx
index d55760d..472c902 100644
--- a/frontend/src/components/Acceuil.jsx
+++ b/frontend/src/components/Accueil.jsx
@@ -1,17 +1,21 @@
 import { Link } from "react-router-dom";
 
-function Acceuil() {
+function Accueil() {
   return (
     <div>
       <Link to="/recipes">
         <p>Voir les recettes</p>
       </Link>
-      <Link to="connexion/">
-        <p>Connexion</p>
-      </Link>
+      <a href="/Connexion">
+        Connexion
+        <br />
+        ou
+        <br />
+        Inscription
+      </a>
       <p>Inscription</p>
     </div>
   );
 }
 
-export default Acceuil;
+export default Accueil;
diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.jsx
index d4ea850..a0b78bf 100644
--- a/frontend/src/components/Navbar.jsx
+++ b/frontend/src/components/Navbar.jsx
@@ -4,6 +4,7 @@ import searchIcon from "../assets/searchIcon.svg";
 import namNamIcon from "../assets/namNamIcon.svg";
 import burgerMenuIcon from "../assets/burgerMenuIcon.svg";
 import goNamNam from "../assets/GO.svg";
+
 import "./style/Navbar.scss";
 
 function activateSearchBar() {
diff --git a/frontend/src/components/Profil.jsx b/frontend/src/components/Profil.jsx
new file mode 100644
index 0000000..fdefb7f
--- /dev/null
+++ b/frontend/src/components/Profil.jsx
@@ -0,0 +1,24 @@
+import addimage from "../assets/addimage.svg";
+
+import "./style/Profil.scss";
+
+function Profil() {
+  return (
+    <div className="body-content">
+      <div className="Profil_container">
+        <img className="No-photo" src={addimage} alt="No Photos" />
+        <button className="Edit" type="button">
+          Edit
+        </button>
+        <div className="Stats">
+          <p className="pseudo">Pseudo</p>
+          <p className="age">Mon âge</p>
+          <p className="Recipes">Mes recettes :</p>
+          <p className="comments">Commentaire: </p>
+          <p className="mid">Moyenne :</p>
+        </div>
+      </div>
+    </div>
+  );
+}
+export default Profil;
diff --git a/frontend/src/components/style/Footer.scss b/frontend/src/components/style/Footer.scss
index 99c209f..c539f74 100644
--- a/frontend/src/components/style/Footer.scss
+++ b/frontend/src/components/style/Footer.scss
@@ -1,6 +1,8 @@
 .Footer {
   background-image: url(/src/assets/FooterbgDesktop.svg);
   display: flex;
+  position: fixed;
+  bottom: 0;
   justify-content: space-around;
   align-items: center;
   width: 100%;
@@ -27,12 +29,12 @@
 }
 @media screen and (max-width: 800px) {
   .Footer {
-    background-image: url(/src/assets/FooterbgMobile.svg);
+    background-image: url(/src/assets/Footerbg.svg);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    height: 40vh;
+    height: 30vh;
     gap: 1rem;
   }
   .Project {
diff --git a/frontend/src/components/style/Profil.scss b/frontend/src/components/style/Profil.scss
new file mode 100644
index 0000000..c7e728a
--- /dev/null
+++ b/frontend/src/components/style/Profil.scss
@@ -0,0 +1,34 @@
+.Profil {
+  width: 100vw;
+  height: 100vh;
+}
+
+.Profil_container {
+  background-color: #f8f7f2;
+  display: flex;
+  align-items: baseline;
+  width: 80%;
+  height: 35%;
+  margin: 2.5rem;
+  margin-top: 8rem;
+  border-radius: 1rem;
+}
+
+.No-photo {
+  width: 40%;
+  position: relative;
+  z-index: 20;
+  left: 1rem;
+  top: 1rem;
+}
+
+.Edit {
+  background-color: #97bf0c;
+  border-radius: 20px;
+  width: 3.5rem;
+  height: 2.2rem;
+  border: none;
+  font-size: 1rem;
+  font-weight: 500;
+  text-align: center;
+}
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index c1d8503..950fcce 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -4,10 +4,11 @@ import ReactDOM from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 
 import App from "./App";
-import Acceuil from "./components/Acceuil";
+import Accueil from "./components/Accueil";
 import Connexion from "./pages/Connexion";
 import RecipeDetails from "./components/RecipeDetails";
 import RecipeList from "./components/RecipeList";
+import Profil from "./components/Profil";
 
 const router = createBrowserRouter([
   {
@@ -22,11 +23,15 @@ const router = createBrowserRouter([
         path: "/recipes/:id",
         element: <RecipeDetails />,
       },
-      { path: "/home", element: <Acceuil /> },
+      { path: "/home", element: <Accueil /> },
+      {
+        path: "/Profil",
+        element: <Profil />,
+      },
     ],
   },
   {
-    path: "connexion/",
+    path: "Connexion/",
     element: <Connexion />,
   },
 ]);

From f769f19705acb09aa1493eef66a3556c42ec5a9b Mon Sep 17 00:00:00 2001
From: Hugo_Durand Tour <hugo.durand143@gmail.com>
Date: Thu, 4 Jan 2024 17:01:00 +0100
Subject: [PATCH 02/11] Profil_fix

---
 frontend/src/App.jsx                          | 253 +++++++++++++++++-
 frontend/src/components/Footer.jsx            |   2 +-
 frontend/src/main.jsx                         |  16 +-
 .../src/{components => pages}/Accueil.jsx     |   0
 frontend/src/{components => pages}/Profil.jsx |   0
 frontend/src/{components => pages}/Recipe.jsx |   0
 .../{components => pages}/RecipeDetails.jsx   |   0
 .../src/{components => pages}/RecipeList.jsx  |   0
 .../{components => pages}/style/Profil.scss   |   0
 9 files changed, 259 insertions(+), 12 deletions(-)
 rename frontend/src/{components => pages}/Accueil.jsx (100%)
 rename frontend/src/{components => pages}/Profil.jsx (100%)
 rename frontend/src/{components => pages}/Recipe.jsx (100%)
 rename frontend/src/{components => pages}/RecipeDetails.jsx (100%)
 rename frontend/src/{components => pages}/RecipeList.jsx (100%)
 rename frontend/src/{components => pages}/style/Profil.scss (100%)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 17342b4..ce5c743 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,6 +1,6 @@
 import { Outlet } from "react-router-dom";
 import Navbar from "./components/Navbar";
-import Footer from "./components/Footer";
+import Footer from "./pages/Footer";
 
 import "./vars.scss";
 
@@ -9,6 +9,257 @@ function App() {
     <>
       <Navbar />
       <Outlet />
+      <p>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa
+        dignissimos tempore, itaque corrupti hic aperiam quidem deleniti impedit
+        beatae! Fuga officia incidunt distinctio quae, sit cupiditate sint
+        animi, id expedita similique officiis, quos hic. Accusantium,
+        repellendus qui tempore nesciunt excepturi libero sequi consequuntur
+        iusto minima consequatur hic, nulla eum quae optio quasi assumenda. Odio
+        dolorum error quidem perferendis et non aliquam accusantium enim
+        praesentium eum at vero nihil quo hic facilis iure, facere aperiam
+        corrupti porro! Velit perferendis totam quisquam ab corporis magni,
+        reprehenderit harum numquam iste, sequi, ullam ad? Corporis, voluptate!
+        Corporis natus cum obcaecati quasi cumque architecto, deserunt voluptate
+        veniam maxime molestiae. Voluptatum quidem ipsam officia optio impedit,
+        sequi hic facere, est pariatur ut quis rerum nulla, ad minus fugit
+        doloribus distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa
+        dignissimos tempore, itaque corrupti hic aperiam quidem deleniti impedit
+        beatae! Fuga officia incidunt distinctio quae, sit cupiditate sint
+        animi, id expedita similique officiis, quos hic. Accusantium,
+        repellendus qui tempore nesciunt excepturi libero sequi consequuntur
+        iusto minima consequatur hic, nulla eum quae optio quasi assumenda. Odio
+        dolorum error quidem perferendis et non aliquam accusantium enim
+        praesentium eum at vero nihil quo hic facilis iure, facere aperiam
+        corrupti porro! Velit perferendis totam quisquam ab corporis magni,
+        reprehenderit harum numquam iste, sequi, ullam ad? Corporis, voluptate!
+        Corporis natus cum obcaecati quasi cumque architecto, deserunt voluptate
+        veniam maxime molestiae. Voluptatum quidem ipsam officia optio impedit,
+        sequi hic facere, est pariatur ut quis rerum nulla, ad minus fugit
+        doloribus distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore. Eius optio fuga
+        reprehenderit laudantium odit quam perferendis tenetur, omnis quo non.
+        Nobis rerum ab, maxime libero blanditiis autem. Lorem ipsum dolor sit
+        amet consectetur adipisicing elit. Ipsa dignissimos tempore, itaque
+        corrupti hic aperiam quidem deleniti impedit beatae! Fuga officia
+        incidunt distinctio quae, sit cupiditate sint animi, id expedita
+        similique officiis, quos hic. Accusantium, repellendus qui tempore
+        nesciunt excepturi libero sequi consequuntur iusto minima consequatur
+        hic, nulla eum quae optio quasi assumenda. Odio dolorum error quidem
+        perferendis et non aliquam accusantium enim praesentium eum at vero
+        nihil quo hic facilis iure, facere aperiam corrupti porro! Velit
+        perferendis totam quisquam ab corporis magni, reprehenderit harum
+        numquam iste, sequi, ullam ad? Corporis, voluptate! Corporis natus cum
+        obcaecati quasi cumque architecto, deserunt voluptate veniam maxime
+        molestiae. Voluptatum quidem ipsam officia optio impedit, sequi hic
+        facere, est pariatur ut quis rerum nulla, ad minus fugit doloribus
+        distinctio libero itaque voluptatibus mollitia inventore animi
+        voluptatem sed? A beatae optio, provident consequuntur sunt, doloribus
+        doloremque asperiores ea earum architecto voluptatum modi vitae totam
+        nam assumenda quo nobis ut inventore culpa. Quas voluptatibus tenetur,
+        autem dolorem dolor quis qui eos iste ut a fugiat harum saepe rem sit
+        eum veniam ad quo vel nemo ipsa architecto inventore.
+      </p>
       <div>
         <Footer />
       </div>
diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index 5a93f45..ca882e4 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import "./style/Footer.scss";
+import "./style/Profil.scss";
 
 function Footer() {
   return (
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index 950fcce..085f13d 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -4,17 +4,17 @@ import ReactDOM from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 
 import App from "./App";
-import Accueil from "./components/Accueil";
+import Accueil from "./pages/Accueil";
 import Connexion from "./pages/Connexion";
-import RecipeDetails from "./components/RecipeDetails";
-import RecipeList from "./components/RecipeList";
-import Profil from "./components/Profil";
+import RecipeDetails from "./pages/RecipeDetails";
+import RecipeList from "./pages/RecipeList";
+import Profil from "./pages/Profil";
 
 const router = createBrowserRouter([
   {
-    path: "/",
     element: <App />,
     children: [
+      { path: "/", element: <Accueil /> },
       {
         path: "/recipes",
         element: <RecipeList />,
@@ -23,17 +23,13 @@ const router = createBrowserRouter([
         path: "/recipes/:id",
         element: <RecipeDetails />,
       },
-      { path: "/home", element: <Accueil /> },
       {
         path: "/Profil",
         element: <Profil />,
       },
+      { path: "/connexion", element: <Connexion /> },
     ],
   },
-  {
-    path: "Connexion/",
-    element: <Connexion />,
-  },
 ]);
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
diff --git a/frontend/src/components/Accueil.jsx b/frontend/src/pages/Accueil.jsx
similarity index 100%
rename from frontend/src/components/Accueil.jsx
rename to frontend/src/pages/Accueil.jsx
diff --git a/frontend/src/components/Profil.jsx b/frontend/src/pages/Profil.jsx
similarity index 100%
rename from frontend/src/components/Profil.jsx
rename to frontend/src/pages/Profil.jsx
diff --git a/frontend/src/components/Recipe.jsx b/frontend/src/pages/Recipe.jsx
similarity index 100%
rename from frontend/src/components/Recipe.jsx
rename to frontend/src/pages/Recipe.jsx
diff --git a/frontend/src/components/RecipeDetails.jsx b/frontend/src/pages/RecipeDetails.jsx
similarity index 100%
rename from frontend/src/components/RecipeDetails.jsx
rename to frontend/src/pages/RecipeDetails.jsx
diff --git a/frontend/src/components/RecipeList.jsx b/frontend/src/pages/RecipeList.jsx
similarity index 100%
rename from frontend/src/components/RecipeList.jsx
rename to frontend/src/pages/RecipeList.jsx
diff --git a/frontend/src/components/style/Profil.scss b/frontend/src/pages/style/Profil.scss
similarity index 100%
rename from frontend/src/components/style/Profil.scss
rename to frontend/src/pages/style/Profil.scss

From feae848c2c0d5c5a078922fc182b06731eb72706 Mon Sep 17 00:00:00 2001
From: Hugo_Durand Tour <hugo.durand143@gmail.com>
Date: Fri, 5 Jan 2024 09:45:42 +0100
Subject: [PATCH 03/11] Profil_fix

---
 frontend/src/components/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index ca882e4..5a93f45 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import "./style/Profil.scss";
+import "./style/Footer.scss";
 
 function Footer() {
   return (

From 1ea9b7cd0841d0ecab99919578e4b376247d9048 Mon Sep 17 00:00:00 2001
From: Hugo_Durand Tour <hugo.durand143@gmail.com>
Date: Fri, 5 Jan 2024 09:55:47 +0100
Subject: [PATCH 04/11] profil V4

---
 frontend/src/App.jsx          | 2 +-
 frontend/src/pages/Profil.jsx | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index ce5c743..2996fcf 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,6 +1,6 @@
 import { Outlet } from "react-router-dom";
 import Navbar from "./components/Navbar";
-import Footer from "./pages/Footer";
+import Footer from "./components/Footer";
 
 import "./vars.scss";
 
diff --git a/frontend/src/pages/Profil.jsx b/frontend/src/pages/Profil.jsx
index fdefb7f..b8cf837 100644
--- a/frontend/src/pages/Profil.jsx
+++ b/frontend/src/pages/Profil.jsx
@@ -1,5 +1,4 @@
 import addimage from "../assets/addimage.svg";
-
 import "./style/Profil.scss";
 
 function Profil() {

From 2d1f81b3e34e96deb184438395bf41d1b0d5a443 Mon Sep 17 00:00:00 2001
From: Hugo_Durand Tour <hugo.durand143@gmail.com>
Date: Fri, 5 Jan 2024 10:30:08 +0100
Subject: [PATCH 05/11] Profil-fix

---
 frontend/src/pages/Accueil.jsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/Accueil.jsx b/frontend/src/pages/Accueil.jsx
index 472c902..c8c7c63 100644
--- a/frontend/src/pages/Accueil.jsx
+++ b/frontend/src/pages/Accueil.jsx
@@ -2,18 +2,17 @@ import { Link } from "react-router-dom";
 
 function Accueil() {
   return (
-    <div>
+    <div className="body-content">
       <Link to="/recipes">
         <p>Voir les recettes</p>
       </Link>
-      <a href="/Connexion">
-        Connexion
-        <br />
-        ou
-        <br />
-        Inscription
-      </a>
+      <Link to="connexion/">
+        <p>Connexion</p>
+      </Link>
       <p>Inscription</p>
+      <Link to="/Profil">
+        <p>Profil</p>
+      </Link>
     </div>
   );
 }

From 9d0122110a6d4287da71a0dc9a97643d90871730 Mon Sep 17 00:00:00 2001
From: Hugo_Durand Tour <hugo.durand143@gmail.com>
Date: Fri, 5 Jan 2024 11:17:26 +0100
Subject: [PATCH 06/11] Footer-fix

---
 frontend/src/components/Footer.jsx        | 22 +---------------------
 frontend/src/components/style/Footer.scss |  1 +
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index 5a93f45..0f8f2b9 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -1,26 +1,6 @@
-import { Link } from "react-router-dom";
 import "./style/Footer.scss";
 
 function Footer() {
-  return (
-    <footer className="Footer">
-      <div className="Left-bloc">
-        <div className="Project">&copy;Eating-Nam-Nam</div>
-      </div>
-      <div className="Mid-bloc">
-        {" "}
-        <Link to="/Mentions legales" className="mentions">
-          <p>Thousand Sunny</p>
-        </Link>
-      </div>
-      <div className="Right-bloc">
-        <Link to="/About Us">
-          <button type="button" className="Contact-button">
-            Nous Contacter
-          </button>
-        </Link>
-      </div>
-    </footer>
-  );
+  return <footer className="Footer" />;
 }
 export default Footer;
diff --git a/frontend/src/components/style/Footer.scss b/frontend/src/components/style/Footer.scss
index c539f74..a4c044f 100644
--- a/frontend/src/components/style/Footer.scss
+++ b/frontend/src/components/style/Footer.scss
@@ -9,6 +9,7 @@
   height: 20vh;
   background-size: cover;
   z-index: 0;
+  object-fit: contain;
 }
 
 .Project {

From acce23a4717764b220e1d9b8e4f0b4d24999562f Mon Sep 17 00:00:00 2001
From: TRISTAN ZVUNKA <tristan.zvunka@gmail.com>
Date: Fri, 5 Jan 2024 11:25:37 +0100
Subject: [PATCH 07/11] add filter in front

---
 backend/database/sample_data_injection.sql | 27 ++++-------------
 backend/database/schema.sql                | 32 ++++++++++----------
 backend/src/controllers/tagControllers.js  | 14 +++++++++
 backend/src/models/TagManager.js           | 14 +++++++++
 backend/src/router.js                      |  2 ++
 backend/src/tables.js                      |  2 ++
 frontend/src/components/RecipeList.jsx     | 35 ++++++++++++++++++----
 7 files changed, 82 insertions(+), 44 deletions(-)
 create mode 100644 backend/src/controllers/tagControllers.js
 create mode 100644 backend/src/models/TagManager.js

diff --git a/backend/database/sample_data_injection.sql b/backend/database/sample_data_injection.sql
index 41650d3..e2b8e26 100644
--- a/backend/database/sample_data_injection.sql
+++ b/backend/database/sample_data_injection.sql
@@ -11,33 +11,22 @@ VALUES
     ('hugoD','hugo.durand@gmail.com','Hugo','Durand','1989-02-05','test5',0)
 ;
 
-INSERT INTO recipe (name, user_ID, prep_time, nb_people, difficulty,image )
+INSERT INTO recipe (name, user_ID, prep_time, nb_people, difficulty,tag1, tag2 )
 VALUES
-    ('oeufs au plat',1, 15, 1, 'facile','jetbrains://web-storm/navigate/reference?project=eating-nam-nam&path=backend/public/assets/images/uploads/pexels-iina-luoto-1211887.jpg'),
-    ('pâtes au beurre', 2, 25, 2, 'facile', 'C:\Users\trist\projects\eating-nam-nam\backend\public\assets\images\uploads\pexels-jer-chung-2116094.jpg'),
-    ('religieuse au chocolat', 5, 90, 2, 'difficile','C:\Users\trist\projects\eating-nam-nam\backend\public\assets\images\uploads\pexels-julie-aagaard-2097090.jpg')
+    ('oeufs au plat',1, 15, 1, 'facile', 'végétarien', 'sans gluten'),
+    ('pâtes au beurre', 2, 25, 2, 'facile', 'végétarien', NULL),
+    ('religieuse au chocolat', 5, 90, 2, 'difficile', 'végétarien', 'gourmand')
     ;
 
 INSERT INTO ingredient (name, unité, kcal)
 VALUES
-('oeuf', 'pièce(s)', 20),
+('oeuf', 'pièce(s)', 20), 
 ('beurre', 'grammes', 5),
 ('chocolat noir', 'grammes', 3),
 ('farine de blé', 'grammes', 1),
 ('pâtes', 'grammes', 2)
 ;
 
-INSERT INTO recipe_ingredient (recipe_ID, ingredient_ID, quantity)
-VALUES
-    (1, 1, 2),
-    (1, 2, 20),
-    (2, 5, 200),
-    (2, 2, 50),
-    (3,3,300),
-    (3,4,200),
-    (3,1,6)
-;
-
 INSERT INTO instruction (description, recipe_ID)
 VALUES
     ('Préchauffez la poêle',1),
@@ -74,12 +63,6 @@ VALUES
     ("sans gluten")
 ;
 
-INSERT INTO recipe_tag (recipe_ID,tag_ID)
-VALUES
-    (1,2),
-    (1,3),
-    (2,2)
-;
 
 INSERT INTO comment (description, user_ID, recipe_ID)
 VALUES
diff --git a/backend/database/schema.sql b/backend/database/schema.sql
index 57aae2e..52b7ba3 100644
--- a/backend/database/schema.sql
+++ b/backend/database/schema.sql
@@ -22,6 +22,9 @@ CREATE TABLE recipe (
     nb_people INT NOT NULL,
     difficulty VARCHAR(30) NOT NULL,
     image VARCHAR(200),
+    tag1 VARCHAR(30),
+    tag2 VARCHAR(30),
+    tag3 VARCHAR(30),
 FOREIGN KEY (user_ID) REFERENCES user(id)
 );
 CREATE TABLE ingredient
@@ -31,28 +34,13 @@ CREATE TABLE ingredient
     kcal INT NOT NULL,
     unité VARCHAR(10) NOT NULL
 );
-CREATE TABLE recipe_ingredient
-(
-    ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
-    recipe_ID INT NOT NULL,
-    ingredient_ID INT NOT NULL,
-    quantity INT NOT NULL,
-FOREIGN KEY (recipe_ID) REFERENCES recipe(ID),
-FOREIGN KEY (ingredient_ID) REFERENCES ingredient(ID)
-);
+
 CREATE TABLE tag
 (
     ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
     name VARCHAR(40) NOT NULL
 );
-CREATE TABLE recipe_tag
-(
-    ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
-    recipe_ID INT NOT NULL,
-    tag_ID INT NOT NULL,
-    FOREIGN KEY (recipe_ID) REFERENCES recipe(ID),
-    FOREIGN KEY (tag_ID) REFERENCES tag(ID)
-);
+
 CREATE TABLE fav
 (
     ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
@@ -92,4 +80,14 @@ CREATE TABLE recipe_material
     FOREIGN KEY (material_ID) REFERENCES material(ID)
 );
 
+CREATE TABLE recipe_ingredient
+(
+    ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
+    recipe_ID INT NOT NULL,
+    ingredient_ID INT NOT NULL,
+    quantity INT NOT NULL,
+    FOREIGN KEY (recipe_ID) REFERENCES recipe(ID),
+    FOREIGN KEY (ingredient_ID) REFERENCES ingredient(ID)
+);
+
 
diff --git a/backend/src/controllers/tagControllers.js b/backend/src/controllers/tagControllers.js
new file mode 100644
index 0000000..d42c4c4
--- /dev/null
+++ b/backend/src/controllers/tagControllers.js
@@ -0,0 +1,14 @@
+const tables = require("../tables");
+
+const browse = async (req, res, next) => {
+  try {
+    const tags = await tables.tag.readAll();
+
+    res.json(tags);
+  } catch (err) {
+    next(err);
+  }
+};
+module.exports = {
+  browse,
+};
diff --git a/backend/src/models/TagManager.js b/backend/src/models/TagManager.js
new file mode 100644
index 0000000..ccd8c9d
--- /dev/null
+++ b/backend/src/models/TagManager.js
@@ -0,0 +1,14 @@
+const AbstractManager = require("./AbstractManager");
+
+class TagManager extends AbstractManager {
+  constructor() {
+    super({ table: "tag" });
+  }
+
+  async readAll() {
+    const [rows] = await this.database.query(`select * from ${this.table}`);
+
+    return rows;
+  }
+}
+module.exports = TagManager;
diff --git a/backend/src/router.js b/backend/src/router.js
index 1eb0feb..4d05d7b 100644
--- a/backend/src/router.js
+++ b/backend/src/router.js
@@ -17,10 +17,12 @@ const MaterialControllers = require("./controllers/materialControllers");
 const CommentControllers = require("./controllers/commentControllers");
 const InstructionControllers = require("./controllers/instructionControllers");
 const FavControllers = require("./controllers/favControllers");
+const TagControllers = require("./controllers/tagControllers");
 
 // Route to get a list of items
 router.get("/users", UserControllers.browse);
 router.get("/recipes", RecipeControllers.browse);
+router.get("/tags", TagControllers.browse);
 
 // Route to get a specific item by ID
 router.get("/users/:id", UserControllers.read);
diff --git a/backend/src/tables.js b/backend/src/tables.js
index 9165b1b..8974f48 100644
--- a/backend/src/tables.js
+++ b/backend/src/tables.js
@@ -10,6 +10,7 @@ const MaterialManager = require("./models/MaterialManager");
 const CommentManager = require("./models/CommentManager");
 const InstructionManager = require("./models/InstructionManager");
 const FavManager = require("./models/FavManager");
+const TagManager = require("./models/TagManager");
 
 const managers = [
   UserManager,
@@ -19,6 +20,7 @@ const managers = [
   CommentManager,
   InstructionManager,
   FavManager,
+  TagManager,
   // Add other managers here
 ];
 
diff --git a/frontend/src/components/RecipeList.jsx b/frontend/src/components/RecipeList.jsx
index 77ed6ad..9490058 100644
--- a/frontend/src/components/RecipeList.jsx
+++ b/frontend/src/components/RecipeList.jsx
@@ -4,15 +4,40 @@ import Recipe from "./Recipe";
 
 function RecipeList() {
   const [allRecipe, setAllRecipe] = useState([]);
+  const [filters, setFilters] = useState([]);
+
+  const getData = () => {
+    const endpoints = [
+      "http://localhost:3310/api/recipes",
+      "http://localhost:3310/api/tag",
+    ];
+    Promise.all(endpoints.map((endpoint) => axios.get(endpoint))).then(
+      ([{ data: recipe }, { data: tag }]) => {
+        setAllRecipe(recipe);
+        setFilters(tag);
+      }
+    );
+  };
 
   useEffect(() => {
-    axios
-      .get("http://localhost:3310/api/recipes")
-      .then((res) => setAllRecipe(res.data))
-      .catch((err) => console.error(err));
+    getData();
   }, []);
   return (
-    <div>
+    <div className="body-content">
+      <form>
+        <label htmlFor="select tag">
+          <select id="select tag" onChange={(e) => setFilters(e.target.value)}>
+            <option value="">----</option>
+            {filters.map((filtre) => {
+              return (
+                <option key={filtre.id} value={filtre.id}>
+                  {filtre.name}
+                </option>
+              );
+            })}
+          </select>
+        </label>
+      </form>
       <ul>
         {allRecipe.map((recipes) => (
           <li key={recipes.ID}>

From 97e4eb4a2142e0b8d8264464c3e3ffa852e761fe Mon Sep 17 00:00:00 2001
From: Flavien <44913995+fgaujard@users.noreply.github.com>
Date: Tue, 9 Jan 2024 11:38:13 +0100
Subject: [PATCH 08/11] Update router.js

---
 backend/src/router.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/backend/src/router.js b/backend/src/router.js
index 975eec1..b34b5cd 100644
--- a/backend/src/router.js
+++ b/backend/src/router.js
@@ -79,9 +79,6 @@ router.get("/fav/:id", FavControllers.read); // Route to get a specific item by
 
 const TagControllers = require("./controllers/tagControllers");
 
-// Middleware
-const hashPasswordMiddleware = require("./middleware/hashpassMiddleware");
-
 // Route to get a list of items
 router.get("/users", UserControllers.browse);
 router.get("/recipes", RecipeControllers.browse);

From 6beeb00e65cfbb5c09b6c539ba6df153054a1918 Mon Sep 17 00:00:00 2001
From: TRISTAN ZVUNKA <tristan.zvunka@gmail.com>
Date: Wed, 10 Jan 2024 10:23:21 +0100
Subject: [PATCH 09/11] add routers and managers for a specific recipe

---
 backend/database/sample_data_injection.sql        |  7 ++++++-
 backend/database/schema.sql                       | 12 +++---------
 backend/src/controllers/commentControllers.js     |  6 +++---
 backend/src/controllers/favControllers.js         |  6 +++---
 backend/src/controllers/ingredientControllers.js  | 14 +++++++++++++-
 backend/src/controllers/instructionControllers.js | 13 +++++++++++++
 backend/src/controllers/materialControllers.js    | 13 +++++++++++++
 backend/src/models/CommentManager.js              |  6 +++---
 backend/src/models/FavManager.js                  |  4 ++--
 backend/src/models/IngredientManager.js           | 11 +++++++++++
 backend/src/models/InstructionManager.js          | 10 ++++++++++
 backend/src/models/MaterialManager.js             | 11 +++++++++++
 backend/src/router.js                             |  7 +++++--
 13 files changed, 96 insertions(+), 24 deletions(-)

diff --git a/backend/database/sample_data_injection.sql b/backend/database/sample_data_injection.sql
index e2b8e26..75bb0b2 100644
--- a/backend/database/sample_data_injection.sql
+++ b/backend/database/sample_data_injection.sql
@@ -18,7 +18,7 @@ VALUES
     ('religieuse au chocolat', 5, 90, 2, 'difficile', 'végétarien', 'gourmand')
     ;
 
-INSERT INTO ingredient (name, unité, kcal)
+INSERT INTO ingredient (name, unit, kcal)
 VALUES
 ('oeuf', 'pièce(s)', 20), 
 ('beurre', 'grammes', 5),
@@ -71,3 +71,8 @@ VALUES
     ("J'ai pas eu besoin de spatule pour ça!",5,2)
 ;
 
+INSERT INTO recipe_ingredient (recipe_ID, ingredient_ID, quantity)
+VALUES
+    (1,1,2),
+    (1,2,10)
+;
\ No newline at end of file
diff --git a/backend/database/schema.sql b/backend/database/schema.sql
index 93f3566..30f2dbf 100644
--- a/backend/database/schema.sql
+++ b/backend/database/schema.sql
@@ -5,11 +5,11 @@ USE eating_nam_nam;
 CREATE TABLE user (
     ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
     username VARCHAR(30) NOT NULL,
-    email VARCHAR(256) NOT NULL,
+    email VARCHAR(80) NOT NULL,
     firstname VARCHAR(30),
     lastname VARCHAR(50),
     birthdate DATE,
-    password VARCHAR(50) NOT NULL,
+    password VARCHAR(256) NOT NULL,
     description MEDIUMTEXT,
     is_admin BIT,
     avatar VARCHAR(200)
@@ -32,13 +32,7 @@ CREATE TABLE ingredient
     ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
     name VARCHAR(50) NOT NULL,
     kcal INT NOT NULL,
-    unité VARCHAR(10) NOT NULL
-);
-
-CREATE TABLE tag
-(
-    ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
-    name VARCHAR(40) NOT NULL
+    unit VARCHAR(10) NOT NULL
 );
 
 CREATE TABLE fav
diff --git a/backend/src/controllers/commentControllers.js b/backend/src/controllers/commentControllers.js
index 5aa759a..ed6210e 100644
--- a/backend/src/controllers/commentControllers.js
+++ b/backend/src/controllers/commentControllers.js
@@ -12,9 +12,9 @@ const browse = async (req, res, next) => {
 };
 
 // READ
-const read = async (req, res, next) => {
+const readByRecipe = async (req, res, next) => {
   try {
-    const comment = await tables.comment.read(req.params.id);
+    const comment = await tables.comment.readByRecipe(req.params.id);
     if (comment == null) {
       res.sendStatus(404);
     } else {
@@ -47,7 +47,7 @@ const add = async (req, res, next) => {
 // Ready to export the controller functions
 module.exports = {
   browse,
-  read,
+  readByRecipe,
   // edit,
   add,
   // destroy,
diff --git a/backend/src/controllers/favControllers.js b/backend/src/controllers/favControllers.js
index 8d8b001..67d952c 100644
--- a/backend/src/controllers/favControllers.js
+++ b/backend/src/controllers/favControllers.js
@@ -12,9 +12,9 @@ const browse = async (req, res, next) => {
 };
 
 // READ
-const read = async (req, res, next) => {
+const readByRecipe = async (req, res, next) => {
   try {
-    const fav = await tables.fav.read(req.params.id);
+    const fav = await tables.fav.readByRecipe(req.params.id);
     if (fav == null) {
       res.sendStatus(404);
     } else {
@@ -47,7 +47,7 @@ const add = async (req, res, next) => {
 // Ready to export the controller functions
 module.exports = {
   browse,
-  read,
+  readByRecipe,
   // edit,
   add,
   // destroy,
diff --git a/backend/src/controllers/ingredientControllers.js b/backend/src/controllers/ingredientControllers.js
index 132ce31..6f63ca8 100644
--- a/backend/src/controllers/ingredientControllers.js
+++ b/backend/src/controllers/ingredientControllers.js
@@ -24,7 +24,18 @@ const read = async (req, res, next) => {
     next(err);
   }
 };
-
+const readByRecipe = async (req, res, next) => {
+  try {
+    const ingredient = await tables.ingredient.readByRecipe(req.params.id);
+    if (ingredient == null) {
+      res.sendStatus(404);
+    } else {
+      res.json(ingredient);
+    }
+  } catch (err) {
+    next(err);
+  }
+};
 // The E of BREAD - Edit (Update) operation
 //  This operation is not yet implemented
 
@@ -48,6 +59,7 @@ const add = async (req, res, next) => {
 module.exports = {
   browse,
   read,
+  readByRecipe,
   // edit,
   add,
   // destroy,
diff --git a/backend/src/controllers/instructionControllers.js b/backend/src/controllers/instructionControllers.js
index 789e950..badb653 100644
--- a/backend/src/controllers/instructionControllers.js
+++ b/backend/src/controllers/instructionControllers.js
@@ -25,6 +25,18 @@ const read = async (req, res, next) => {
   }
 };
 
+const readByRecipe = async (req, res, next) => {
+  try {
+    const instruction = await tables.instruction.readByRecipe(req.params.id);
+    if (instruction == null) {
+      res.sendStatus(404);
+    } else {
+      res.json(instruction);
+    }
+  } catch (err) {
+    next(err);
+  }
+};
 // The E of BREAD - Edit (Update) operation
 //  This operation is not yet implemented
 
@@ -48,6 +60,7 @@ const add = async (req, res, next) => {
 module.exports = {
   browse,
   read,
+  readByRecipe,
   // edit,
   add,
   // destroy,
diff --git a/backend/src/controllers/materialControllers.js b/backend/src/controllers/materialControllers.js
index b160959..d3fb7d1 100644
--- a/backend/src/controllers/materialControllers.js
+++ b/backend/src/controllers/materialControllers.js
@@ -24,6 +24,18 @@ const read = async (req, res, next) => {
     next(err);
   }
 };
+const readByRecipe = async (req, res, next) => {
+  try {
+    const material = await tables.material.readByRecipe(req.params.id);
+    if (material == null) {
+      res.sendStatus(404);
+    } else {
+      res.json(material);
+    }
+  } catch (err) {
+    next(err);
+  }
+};
 
 // The E of BREAD - Edit (Update) operation
 //  This operation is not yet implemented
@@ -48,6 +60,7 @@ const add = async (req, res, next) => {
 module.exports = {
   browse,
   read,
+  readByRecipe,
   // edit,
   add,
   // destroy,
diff --git a/backend/src/models/CommentManager.js b/backend/src/models/CommentManager.js
index f09a450..c766308 100644
--- a/backend/src/models/CommentManager.js
+++ b/backend/src/models/CommentManager.js
@@ -11,12 +11,12 @@ class CommentManager extends AbstractManager {
     return rows;
   }
 
-  async read(id) {
+  async readByRecipe(id) {
     const [rows] = await this.database.query(
-      `SELECT  c.description, u.username FROM comment AS c
+      `SELECT  c.description, u.username, u.avatar FROM comment AS c
 JOIN recipe AS r ON r.ID = c.recipe_ID
 JOIN user AS u ON u.ID = c.user_ID
-WHERE r.ID = ${id};`,
+WHERE r.ID = ?`,
       [id]
     );
     return rows;
diff --git a/backend/src/models/FavManager.js b/backend/src/models/FavManager.js
index f49a3b2..3b3e51c 100644
--- a/backend/src/models/FavManager.js
+++ b/backend/src/models/FavManager.js
@@ -11,12 +11,12 @@ class CommentManager extends AbstractManager {
     return rows;
   }
 
-  async read(id) {
+  async readByRecipe(id) {
     const [rows] = await this.database.query(
       `SELECT  f.id FROM fav AS f
 JOIN recipe AS r ON r.ID = f.recipe_ID
 JOIN user AS u ON u.ID = f.user_ID
-WHERE r.ID = ${id};`,
+WHERE r.ID = ?`,
       [id]
     );
     return rows;
diff --git a/backend/src/models/IngredientManager.js b/backend/src/models/IngredientManager.js
index 5cf92fb..adc1cd4 100644
--- a/backend/src/models/IngredientManager.js
+++ b/backend/src/models/IngredientManager.js
@@ -21,5 +21,16 @@ WHERE r.ID = ${id};`,
     );
     return rows;
   }
+
+  async readByRecipe(id) {
+    const [rows] = await this.database.query(
+      `SELECT i.name, i.unit, i.kcal, p.quantity from ingredient AS i 
+JOIN recipe_ingredient AS p ON p.ingredient_ID = i.ID
+JOIN recipe ON recipe.ID= p.recipe_ID
+WHERE recipe.ID= ?`,
+      [id]
+    );
+    return rows;
+  }
 }
 module.exports = IngredientManager;
diff --git a/backend/src/models/InstructionManager.js b/backend/src/models/InstructionManager.js
index 6625822..b10514b 100644
--- a/backend/src/models/InstructionManager.js
+++ b/backend/src/models/InstructionManager.js
@@ -20,5 +20,15 @@ WHERE r.ID = ${id};`,
     );
     return rows;
   }
+
+  async readByRecipe(id) {
+    const [rows] = await this.database.query(
+      `SELECT i.description from instruction AS i 
+JOIN recipe ON recipe.ID= i.recipe_ID
+WHERE recipe.ID= ?`,
+      [id]
+    );
+    return rows;
+  }
 }
 module.exports = InstructionManager;
diff --git a/backend/src/models/MaterialManager.js b/backend/src/models/MaterialManager.js
index 3256078..e4d9f64 100644
--- a/backend/src/models/MaterialManager.js
+++ b/backend/src/models/MaterialManager.js
@@ -21,5 +21,16 @@ WHERE r.ID = ${id};`,
     );
     return rows;
   }
+
+  async readByRecipe(id) {
+    const [rows] = await this.database.query(
+      `SELECT m.name from material AS m 
+JOIN recipe_material AS p ON p.material_ID = m.ID
+JOIN recipe ON recipe.ID= p.recipe_ID
+WHERE recipe.ID= ?`,
+      [id]
+    );
+    return rows;
+  }
 }
 module.exports = MaterialManager;
diff --git a/backend/src/router.js b/backend/src/router.js
index b34b5cd..0278f2b 100644
--- a/backend/src/router.js
+++ b/backend/src/router.js
@@ -40,6 +40,7 @@ router.get("/recipes/:id", RecipeControllers.read); // Route to get a specific i
 const IngredientControllers = require("./controllers/ingredientControllers");
 
 router.get("/ingredient/:id", IngredientControllers.read); // Route to get a specific item by ID
+router.get("/ingredientbyrecipe/:id", IngredientControllers.readByRecipe); // Route to get ingredients for a specific Recipe
 
 /* ************************************************************************* */
 // MATERIAL
@@ -49,6 +50,7 @@ router.get("/ingredient/:id", IngredientControllers.read); // Route to get a spe
 const MaterialControllers = require("./controllers/materialControllers");
 
 router.get("/material/:id", MaterialControllers.read); // Route to get a specific item by ID
+router.get("/materialByRecipe/:id", MaterialControllers.readByRecipe); // Route to get materials for a specific Recipe
 
 /* ************************************************************************* */
 // COMMENT
@@ -57,7 +59,7 @@ router.get("/material/:id", MaterialControllers.read); // Route to get a specifi
 // Import commentControllers module for handling item-related operations
 const CommentControllers = require("./controllers/commentControllers");
 
-router.get("/comment/:id", CommentControllers.read); // Route to get a specific item by ID
+router.get("/commentbyrecipe/:id", CommentControllers.readByRecipe); // Route to get comments for a specific Recipe
 
 /* ************************************************************************* */
 // INSTRUCTION
@@ -67,6 +69,7 @@ router.get("/comment/:id", CommentControllers.read); // Route to get a specific
 const InstructionControllers = require("./controllers/instructionControllers");
 
 router.get("/instruction/:id", InstructionControllers.read); // Route to get a specific item by ID
+router.get("/instructionbyrecipe/:id", InstructionControllers.readByRecipe); // Route to get instructions for a specific Recipe
 
 /* ************************************************************************* */
 // FAV
@@ -75,7 +78,7 @@ router.get("/instruction/:id", InstructionControllers.read); // Route to get a s
 // Import recipeControllers module for handling item-related operations
 const FavControllers = require("./controllers/favControllers");
 
-router.get("/fav/:id", FavControllers.read); // Route to get a specific item by ID
+router.get("/favbyrecipe/:id", FavControllers.readByRecipe); // Route to get a specific item by ID
 
 const TagControllers = require("./controllers/tagControllers");
 

From 1dd6ac57fbe7785cb8b117712c05e9d52883437e Mon Sep 17 00:00:00 2001
From: TRISTAN ZVUNKA <tristan.zvunka@gmail.com>
Date: Wed, 10 Jan 2024 10:42:50 +0100
Subject: [PATCH 10/11] change method for recipemanager

---
 backend/src/models/RecipeManager.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/backend/src/models/RecipeManager.js b/backend/src/models/RecipeManager.js
index 904dea8..92b8bdb 100644
--- a/backend/src/models/RecipeManager.js
+++ b/backend/src/models/RecipeManager.js
@@ -13,7 +13,9 @@ class RecipeManager extends AbstractManager {
 
   async read(id) {
     const [rows] = await this.database.query(
-      `select * from ${this.table} where id=?`,
+      `SELECT r.*, u.username from recipe AS r
+    JOIN user AS u ON u.ID = r.user_ID
+    WHERE r.ID=?`,
       [id]
     );
     return rows[0];

From 83870bb06978e1ff3f5ab5a44c96c74df327520d Mon Sep 17 00:00:00 2001
From: TRISTAN ZVUNKA <tristan.zvunka@gmail.com>
Date: Wed, 10 Jan 2024 11:46:14 +0100
Subject: [PATCH 11/11] add routers for users page and added column 'titre' in
 recipe table

---
 backend/database/sample_data_injection.sql    |  8 ++++----
 backend/database/schema.sql                   |  1 +
 backend/src/controllers/commentControllers.js | 14 ++++++++++++++
 backend/src/models/CommentManager.js          | 11 +++++++++++
 backend/src/models/FavManager.js              | 11 +++++++++++
 backend/src/models/RecipeManager.js           | 19 ++++++++++++++++---
 backend/src/router.js                         |  1 +
 7 files changed, 58 insertions(+), 7 deletions(-)

diff --git a/backend/database/sample_data_injection.sql b/backend/database/sample_data_injection.sql
index 75bb0b2..e9cf12c 100644
--- a/backend/database/sample_data_injection.sql
+++ b/backend/database/sample_data_injection.sql
@@ -11,11 +11,11 @@ VALUES
     ('hugoD','hugo.durand@gmail.com','Hugo','Durand','1989-02-05','test5',0)
 ;
 
-INSERT INTO recipe (name, user_ID, prep_time, nb_people, difficulty,tag1, tag2 )
+INSERT INTO recipe (name,titre, user_ID, prep_time, nb_people, difficulty,tag1, tag2 )
 VALUES
-    ('oeufs au plat',1, 15, 1, 'facile', 'végétarien', 'sans gluten'),
-    ('pâtes au beurre', 2, 25, 2, 'facile', 'végétarien', NULL),
-    ('religieuse au chocolat', 5, 90, 2, 'difficile', 'végétarien', 'gourmand')
+    ('oeufs au plat', 'simple comme bonjour',1, 15, 1, 'facile', 'végétarien', 'sans gluten'),
+    ('pâtes au beurre','la spécialité des étudiants!', 2, 25, 2, 'facile', 'végétarien', NULL),
+    ('religieuse au chocolat','pour les experts en pâtisserie', 5, 90, 2, 'difficile', 'végétarien', 'gourmand')
     ;
 
 INSERT INTO ingredient (name, unit, kcal)
diff --git a/backend/database/schema.sql b/backend/database/schema.sql
index 30f2dbf..9c013ed 100644
--- a/backend/database/schema.sql
+++ b/backend/database/schema.sql
@@ -18,6 +18,7 @@ CREATE TABLE recipe (
   ID INT PRIMARY KEY NOT NULL AUTO_INCREMENT,
     user_ID INT NOT NULL,
     name VARCHAR(80) NOT NULL,
+    titre VARCHAR(100) NOT NULL,
     prep_time INT NOT NULL,
     nb_people INT NOT NULL,
     difficulty VARCHAR(30) NOT NULL,
diff --git a/backend/src/controllers/commentControllers.js b/backend/src/controllers/commentControllers.js
index ed6210e..8d18a9a 100644
--- a/backend/src/controllers/commentControllers.js
+++ b/backend/src/controllers/commentControllers.js
@@ -25,6 +25,19 @@ const readByRecipe = async (req, res, next) => {
   }
 };
 
+const readByUser = async (req, res, next) => {
+  try {
+    const comment = await tables.comment.readByUser(req.params.id);
+    if (comment == null) {
+      res.sendStatus(404);
+    } else {
+      res.json(comment);
+    }
+  } catch (err) {
+    next(err);
+  }
+};
+
 // The E of BREAD - Edit (Update) operation
 //  This operation is not yet implemented
 
@@ -48,6 +61,7 @@ const add = async (req, res, next) => {
 module.exports = {
   browse,
   readByRecipe,
+  readByUser,
   // edit,
   add,
   // destroy,
diff --git a/backend/src/models/CommentManager.js b/backend/src/models/CommentManager.js
index c766308..a9d1bdd 100644
--- a/backend/src/models/CommentManager.js
+++ b/backend/src/models/CommentManager.js
@@ -21,5 +21,16 @@ WHERE r.ID = ?`,
     );
     return rows;
   }
+
+  async readByUser(id) {
+    const [rows] = await this.database.query(
+      `SELECT  c.description,r.name FROM comment AS c
+JOIN recipe AS r ON r.ID = c.recipe_ID
+JOIN user AS u ON u.ID = c.user_ID
+WHERE u.ID = ?`,
+      [id]
+    );
+    return rows;
+  }
 }
 module.exports = CommentManager;
diff --git a/backend/src/models/FavManager.js b/backend/src/models/FavManager.js
index 3b3e51c..dbde4d0 100644
--- a/backend/src/models/FavManager.js
+++ b/backend/src/models/FavManager.js
@@ -16,6 +16,17 @@ class CommentManager extends AbstractManager {
       `SELECT  f.id FROM fav AS f
 JOIN recipe AS r ON r.ID = f.recipe_ID
 JOIN user AS u ON u.ID = f.user_ID
+WHERE r.ID = ?`,
+      [id]
+    );
+    return rows;
+  }
+
+  async readByUser(id) {
+    const [rows] = await this.database.query(
+      `SELECT  f.id, r.name, r.titre FROM fav AS f
+JOIN recipe AS r ON r.ID = f.recipe_ID
+JOIN user AS u ON u.ID = f.user_ID
 WHERE r.ID = ?`,
       [id]
     );
diff --git a/backend/src/models/RecipeManager.js b/backend/src/models/RecipeManager.js
index 904dea8..a90cfda 100644
--- a/backend/src/models/RecipeManager.js
+++ b/backend/src/models/RecipeManager.js
@@ -6,18 +6,31 @@ class RecipeManager extends AbstractManager {
   }
 
   async readAll() {
-    const [rows] = await this.database.query(`select * from ${this.table}`);
+    const [rows] = await this.database.query(`select *
+                                              from ${this.table}`);
 
     return rows;
   }
 
   async read(id) {
     const [rows] = await this.database.query(
-      `select * from ${this.table} where id=?`,
+      `select *
+         from ${this.table}
+         where id = ?`,
       [id]
     );
     return rows[0];
   }
-}
 
+  async readByUser(id) {
+    const [rows] = await this.database.query(
+      `SELECT r.name, r.titre, r.image
+         FROM recipe AS r
+                JOIN user AS u ON u.ID = r.user_ID
+         WHERE u.ID = ?`,
+      [id]
+    );
+    return rows[0];
+  }
+}
 module.exports = RecipeManager;
diff --git a/backend/src/router.js b/backend/src/router.js
index 0278f2b..8e4853d 100644
--- a/backend/src/router.js
+++ b/backend/src/router.js
@@ -60,6 +60,7 @@ router.get("/materialByRecipe/:id", MaterialControllers.readByRecipe); // Route
 const CommentControllers = require("./controllers/commentControllers");
 
 router.get("/commentbyrecipe/:id", CommentControllers.readByRecipe); // Route to get comments for a specific Recipe
+router.get("/commentbyuser/:id", CommentControllers.readByUser); // Route to get comments for a specific User
 
 /* ************************************************************************* */
 // INSTRUCTION