diff --git a/backend/database/data/applicationStatus.json b/backend/database/data/applicationStatus.json
index 39262dd..780e9eb 100644
--- a/backend/database/data/applicationStatus.json
+++ b/backend/database/data/applicationStatus.json
@@ -1 +1 @@
-[{ "label": "Accepté" }, { "label": "Refusé" }, { "label": "En cours" }]
+[{ "label": "Accepté" }, { "label": "En cours" }, { "label": "Refusé" }]
diff --git a/backend/database/schema.sql b/backend/database/schema.sql
index fee9d73..3878364 100644
--- a/backend/database/schema.sql
+++ b/backend/database/schema.sql
@@ -63,7 +63,7 @@ CREATE TABLE application (
   user_id INTEGER NOT NULL,
   job_id INTEGER NOT NULL,
   created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
-  status_id INTEGER NOT NULL,
+  status_id INTEGER NOT NULL DEFAULT 2,
   FOREIGN KEY (user_id) REFERENCES user(id) ON DELETE CASCADE,
   FOREIGN KEY (job_id) REFERENCES job(id) ON DELETE CASCADE,
   FOREIGN KEY (status_id) REFERENCES application_status(id) ON DELETE CASCADE
diff --git a/backend/seed.js b/backend/seed.js
index 8cb87dc..d0888e2 100644
--- a/backend/seed.js
+++ b/backend/seed.js
@@ -6,10 +6,10 @@ require("dotenv").config();
 // Import database client
 const database = require("./database/client");
 const role = require("./database/data/role.json");
+const user = require("./database/data/user.json");
 const company = require("./database/data/company.json");
 const applicationStatus = require("./database/data/applicationStatus.json");
 const job = require("./database/data/job.json");
-const user = require("./database/data/user.json");
 
 const seed = async () => {
   try {
diff --git a/backend/src/controllers/applicationControllers.js b/backend/src/controllers/applicationControllers.js
new file mode 100644
index 0000000..b64cc2a
--- /dev/null
+++ b/backend/src/controllers/applicationControllers.js
@@ -0,0 +1,118 @@
+// Import access to database tables
+const tables = require("../tables");
+
+// The B of BREAD - Browse (Read All) operation
+const browse = async (req, res, next) => {
+  try {
+    // Fetch all applications from the database
+    const applications = await tables.application.readAll();
+
+    // Respond with the applications in JSON format
+    res.status(200).json(applications);
+  } catch (err) {
+    // Pass any errors to the error-handling middleware
+    next(err);
+  }
+};
+
+// The R of BREAD - Read operation
+const read = async (req, res, next) => {
+  try {
+    // Fetch a specific application from the database based on the provided ID
+    const application = await tables.application.read(req.params.id);
+
+    // If the application is not found, respond with HTTP 404 (Not Found)
+    // Otherwise, respond with the application in JSON format
+    if (application == null) {
+      res.sendStatus(404);
+    } else {
+      res.status(200).json(application);
+    }
+  } catch (err) {
+    // Pass any errors to the error-handling middleware
+    next(err);
+  }
+};
+
+const readProfileApplications = async (req, res, next) => {
+  try {
+    const applications = await tables.application.getProfileApplications(
+      req.user.id
+    );
+
+    if (applications == null) {
+      res.sendStatus(404);
+    } else {
+      res.status(200).json(applications);
+    }
+  } catch (err) {
+    next(err);
+  }
+};
+
+const readConsultantApplications = async (req, res, next) => {
+  try {
+    const applications = await tables.application.getConsultantApplications(
+      req.user.id
+    );
+
+    if (applications == null) {
+      res.sendStatus(404);
+    } else {
+      res.status(200).json(applications);
+    }
+  } catch (err) {
+    next(err);
+  }
+};
+
+// The E of BREAD - Edit (Update) operation
+const edit = async (req, res, next) => {
+  // Extract the application data from the request body
+  const application = req.body;
+  try {
+    // Fetch a specific city from the database based on the provided ID
+    const result = await tables.application.update(req.params.id, application);
+
+    // If the application is not found, respond with HTTP 404 (Not Found)
+    if (result.affectedRows === 1) {
+      res.sendStatus(204);
+    } else {
+      res.sendStatus(404);
+    }
+  } catch (err) {
+    // Pass any errors to the error-handling middleware
+    next(err);
+  }
+};
+
+// The A of BREAD - Add (Create) operation
+const add = async (req, res, next) => {
+  // Extract the application data from the request body
+  const application = req.body;
+
+  try {
+    // Insert the application into the database
+    const insertId = await tables.application.create(application);
+
+    // Respond with HTTP 201 (Created) and the ID of the newly inserted application
+    res.status(201).json({ insertId });
+  } catch (err) {
+    // Pass any errors to the error-handling middleware
+    next(err);
+  }
+};
+
+// The D of BREAD - Destroy (Delete) operation
+// This operation is not yet implemented
+
+// Ready to export the controller functions
+module.exports = {
+  browse,
+  read,
+  readProfileApplications,
+  readConsultantApplications,
+  edit,
+  add,
+  // destroy,
+};
diff --git a/backend/src/controllers/applicationStatusControllers.js b/backend/src/controllers/applicationStatusControllers.js
new file mode 100644
index 0000000..36243ab
--- /dev/null
+++ b/backend/src/controllers/applicationStatusControllers.js
@@ -0,0 +1,21 @@
+// Import access to database tables
+const tables = require("../tables");
+
+// The B of BREAD - Browse (Read All) operation
+const browse = async (req, res, next) => {
+  try {
+    // Fetch all status from the database
+    const status = await tables.application_status.readAll();
+
+    // Respond with the status in JSON format
+    res.status(200).json(status);
+  } catch (err) {
+    // Pass any errors to the error-handling middleware
+    next(err);
+  }
+};
+
+// Ready to export the controller functions
+module.exports = {
+  browse,
+};
diff --git a/backend/src/controllers/userControllers.js b/backend/src/controllers/userControllers.js
index 482f4d4..2087085 100644
--- a/backend/src/controllers/userControllers.js
+++ b/backend/src/controllers/userControllers.js
@@ -188,6 +188,10 @@ const destroy = async (req, res, next) => {
   }
 };
 
+const logout = (req, res) => {
+  res.cookie("auth", "", { expires: new Date(0) }).sendStatus(200);
+};
+
 // Ready to export the controller functions
 module.exports = {
   getConsultant,
@@ -202,4 +206,5 @@ module.exports = {
   destroy,
   updateProfile,
   updateProfileCV,
+  logout,
 };
diff --git a/backend/src/models/ApplicationManager.js b/backend/src/models/ApplicationManager.js
new file mode 100644
index 0000000..16778c2
--- /dev/null
+++ b/backend/src/models/ApplicationManager.js
@@ -0,0 +1,111 @@
+const AbstractManager = require("./AbstractManager");
+
+class ApplicationManager extends AbstractManager {
+  constructor() {
+    // Call the constructor of the parent class (AbstractManager)
+    // and pass the table name "application" as configuration
+    super({ table: "application" });
+  }
+
+  // The C of CRUD - Create operation
+
+  async create(application) {
+    // Execute the SQL INSERT query to add a new application to the "application" table
+    const [result] = await this.database.query(
+      `insert into ${this.table} (user_id, job_id) values (?, ?)`,
+      [application.user_id, application.job_id]
+    );
+
+    // Return the ID of the newly inserted application
+    return result.insertId;
+  }
+
+  // The Rs of CRUD - Read operations
+
+  async read(id) {
+    // Execute the SQL SELECT query to retrieve a specific application by its ID
+    const [rows] = await this.database.query(
+      `select * from ${this.table} where id = ?`,
+      [id]
+    );
+
+    // Return the first row of the result, which represents the application
+    return rows[0];
+  }
+
+  async readAll() {
+    // Execute the SQL SELECT query to retrieve all applications from the "application" table
+    const [rows] = await this.database.query(`select * from ${this.table}`);
+
+    // Return the array of applications
+    return rows;
+  }
+
+  async getProfileApplications(userId) {
+    const [rows] = await this.database.query(
+      `SELECT 
+        application.id, 
+        application.job_id,
+        application.status_id,
+        job.title AS job_title, 
+        job.consultant_id, 
+        consultant.email AS consultant_email,
+        application_status.label as status_label
+      FROM ${this.table} AS application
+      INNER JOIN job ON application.job_id = job.id
+      INNER JOIN user AS consultant ON job.consultant_id = consultant.id
+      INNER JOIN user ON application.user_id = user.id
+      INNER JOIN application_status ON application.status_id = application_status.id
+      WHERE user.id = ?`,
+      [userId]
+    );
+    return rows;
+  }
+
+  async getConsultantApplications(consultantId) {
+    const [rows] = await this.database.query(
+      `SELECT 
+        application.id AS application_id, 
+        application.job_id,
+        application.status_id,
+        job.title AS job_title, 
+        consultant.id AS consultant_id,
+        consultant.email AS consultant_email,
+        user.id AS candidate_id,
+        user.email AS candidate_email,
+        application_status.label AS status_label,
+        company.name AS company_name
+      FROM ${this.table} AS application
+      INNER JOIN job ON application.job_id = job.id
+      INNER JOIN user AS consultant ON job.consultant_id = consultant.id
+      INNER JOIN user ON application.user_id = user.id
+      INNER JOIN application_status ON application.status_id = application_status.id
+      INNER JOIN company ON job.company_id = company.id
+      WHERE consultant.id = ?
+      ORDER BY company.name`,
+      [consultantId]
+    );
+    return rows;
+  }
+
+  // The U of CRUD - Update operation
+  async update(id, application) {
+    // Execute the SQL SELECT query to retrieve a specific application by its ID
+    const [result] = await this.database.query(
+      `UPDATE ${this.table} set ? WHERE id = ?`,
+      [application, id]
+    );
+
+    // Return the first row of the result, which represents the item
+    return result;
+  }
+
+  // The D of CRUD - Delete operation
+  // TODO: Implement the delete operation to remove an application by its ID
+
+  // async delete(id) {
+  //   ...
+  // }
+}
+
+module.exports = ApplicationManager;
diff --git a/backend/src/models/ApplicationStatusManager.js b/backend/src/models/ApplicationStatusManager.js
new file mode 100644
index 0000000..448d1c4
--- /dev/null
+++ b/backend/src/models/ApplicationStatusManager.js
@@ -0,0 +1,19 @@
+const AbstractManager = require("./AbstractManager");
+
+class ApplicationStatusManager extends AbstractManager {
+  constructor() {
+    // Call the constructor of the parent class (AbstractManager)
+    // and pass the table name "application_status" as configuration
+    super({ table: "application_status" });
+  }
+
+  async readAll() {
+    // Execute the SQL SELECT query to retrieve all status from the "application_status" table
+    const [rows] = await this.database.query(`select * from ${this.table}`);
+
+    // Return the array of status
+    return rows;
+  }
+}
+
+module.exports = ApplicationStatusManager;
diff --git a/backend/src/router.js b/backend/src/router.js
index fafa0ee..f479526 100644
--- a/backend/src/router.js
+++ b/backend/src/router.js
@@ -12,6 +12,8 @@ const userControllers = require("./controllers/userControllers");
 const jobControllers = require("./controllers/jobControllers");
 const companyControllers = require("./controllers/companyControllers");
 const roleControllers = require("./controllers/roleControllers");
+const applicationControllers = require("./controllers/applicationControllers");
+const applicationStatusControllers = require("./controllers/applicationStatusControllers");
 
 const checkCredentials = require("./middleware/checkCredentials");
 const checkAdmin = require("./middleware/checkAdmin");
@@ -23,11 +25,17 @@ const validateCompany = require("./validators/validateCompany");
 const validateCV = require("./validators/validateCV");
 const validateJob = require("./validators/validateJob");
 
+// ROUTES GET
 router.get("/jobs", jobControllers.browse);
 router.get("/locations", jobControllers.getLocations);
 router.get("/languages", jobControllers.getLanguages);
 router.get("/companies", companyControllers.browse);
-router.get("/consultants", userControllers.getConsultant);
+router.get(
+  "/consultants",
+  checkCredentials,
+  checkConsultant,
+  userControllers.getConsultant
+);
 router.get("/roles", checkCredentials, checkAdmin, roleControllers.browse);
 router.get(
   "/candidates",
@@ -36,8 +44,26 @@ router.get(
   userControllers.getCandidates
 );
 router.get("/profile", checkCredentials, userControllers.getProfile);
+router.get(
+  "/profile/applications",
+  checkCredentials,
+  applicationControllers.readProfileApplications
+);
+router.get(
+  "/applications/consultant",
+  checkCredentials,
+  checkConsultant,
+  applicationControllers.readConsultantApplications
+);
 router.get("/jobs/all/latest", jobControllers.browseLatest);
+router.get(
+  "/applicationStatus",
+  checkCredentials,
+  checkConsultant,
+  applicationStatusControllers.browse
+);
 
+// ROUTES GET BY ID
 router.get("/jobs/:id", jobControllers.read);
 router.get(
   "/companies/:id",
@@ -76,7 +102,9 @@ router.post(
   validateCompany,
   companyControllers.add
 );
+router.post("/application", checkCredentials, applicationControllers.add);
 
+// ROUTES DELETE
 router.delete(
   "/jobs/:id",
   checkCredentials,
@@ -96,6 +124,7 @@ router.delete(
   userControllers.destroy
 );
 
+// ROUTES PUT
 router.put(
   "/companies/:id",
   checkCredentials,
diff --git a/backend/src/tables.js b/backend/src/tables.js
index c283a42..24ef145 100644
--- a/backend/src/tables.js
+++ b/backend/src/tables.js
@@ -7,12 +7,16 @@ const JobManager = require("./models/JobManager");
 const CompanyManager = require("./models/CompanyManager");
 const UserManager = require("./models/UserManager");
 const RoleManager = require("./models/RoleManager");
+const ApplicationManager = require("./models/ApplicationManager");
+const ApplicationStatusManager = require("./models/ApplicationStatusManager");
 
 const managers = [
   JobManager,
   CompanyManager,
   UserManager,
   RoleManager,
+  ApplicationManager,
+  ApplicationStatusManager,
   // Add other managers here
 ];
 
diff --git a/frontend/src/components/CarouselJobs.jsx b/frontend/src/components/CarouselJobs.jsx
index 82f8f95..b8d2155 100644
--- a/frontend/src/components/CarouselJobs.jsx
+++ b/frontend/src/components/CarouselJobs.jsx
@@ -41,7 +41,7 @@ function Carousel({ jobs }) {
       >
         {jobs.map((job) => (
           <div key={job.id}>
-            <JobCard job={job} cardStyle="card-carrousel" />
+            <JobCard job={job} cardStyle="card-carrousel" isUserPage />
           </div>
         ))}
       </Slider>
diff --git a/frontend/src/components/JobCard.jsx b/frontend/src/components/JobCard.jsx
index 4f09d97..35ef55b 100644
--- a/frontend/src/components/JobCard.jsx
+++ b/frontend/src/components/JobCard.jsx
@@ -43,22 +43,23 @@ function JobCard({ job, cardStyle, refresh, isUserPage }) {
         >
           <h3 className={`${cardStyle}-title`}>{job.title}</h3>
         </Link>
-        {access ? (
-          <div>
-            <Link to={`/consultants/administration/job/${job.job_id}`}>
-              <button className="connection-button delete-card" type="button">
-                Editer
-              </button>
-            </Link>
-
-            <button
-              className="connection-button delete-card"
-              type="button"
-              onClick={deleteJob}
-            >
-              Supprimer
+        {!isUserPage ? (
+          <Link to={`/consultants/administration/job/${job.job_id}`}>
+            <button className="connection-button delete-card" type="button">
+              Editer
             </button>
-          </div>
+          </Link>
+        ) : (
+          ""
+        )}
+        {!isUserPage ? (
+          <button
+            className="connection-button delete-card"
+            type="button"
+            onClick={deleteJob}
+          >
+            Supprimer
+          </button>
         ) : (
           <button
             type="button"
diff --git a/frontend/src/components/NavBar.jsx b/frontend/src/components/NavBar.jsx
index ffc017d..0fea8d9 100644
--- a/frontend/src/components/NavBar.jsx
+++ b/frontend/src/components/NavBar.jsx
@@ -1,11 +1,24 @@
 import React from "react";
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import { useAuthContext } from "../contexts/auth";
 import "./NavBar.css";
 import externatic from "../assets/externatic.png";
+import connexion from "../services/connexion";
 
 function NavBar() {
+  const navigate = useNavigate();
   const { connected, logout } = useAuthContext();
+
+  const handleLogout = async () => {
+    try {
+      await connexion.post("/logout");
+      logout();
+      navigate("/");
+      window.location.reload();
+    } catch (err) {
+      console.error("Erreur lors de la déconnexion :", err);
+    }
+  };
   return (
     <div className="navbar">
       <Link to="/">
@@ -43,7 +56,11 @@ function NavBar() {
           </Link>
         )}
         {connected.role_id && (
-          <button type="button" className="button-connect" onClick={logout}>
+          <button
+            type="button"
+            className="button-connect"
+            onClick={handleLogout}
+          >
             Deconnexion
           </button>
         )}
diff --git a/frontend/src/components/SelectConsultant.jsx b/frontend/src/components/SelectConsultant.jsx
index 9666ead..fd29880 100644
--- a/frontend/src/components/SelectConsultant.jsx
+++ b/frontend/src/components/SelectConsultant.jsx
@@ -5,37 +5,52 @@ import connexion from "../services/connexion";
 
 import colorStyles from "../assets/selectStyle";
 
-function SelectConsultant({ label, url, criteria, handleSelect, name }) {
-  const [list, setList] = useState([]);
-
-  const getList = async () => {
-    try {
-      const result = await connexion.get(`/${url}`).then((res) => res.data);
-      setList(result);
-    } catch (error) {
-      console.error(error);
-    }
-  };
+function SelectConsultant({
+  label,
+  url,
+  criteria,
+  handleSelect,
+  name,
+  company,
+}) {
+  const [options, setOptions] = useState([]);
 
   useEffect(() => {
+    const getList = async () => {
+      try {
+        const result = await connexion.get(`/${url}`);
+        const formattedOptions = result.data.map((item) => ({
+          value: item.id,
+          label: item[criteria],
+        }));
+        setOptions(formattedOptions);
+      } catch (error) {
+        console.error(error);
+      }
+    };
+
     getList();
-  }, []);
+  }, [url, criteria]);
 
-  const standardizeEvent = (option) => {
-    handleSelect({ target: { name, value: option.value } });
+  const standardizeEvent = (selectedOption) => {
+    handleSelect({
+      target: { name, value: selectedOption ? selectedOption.value : "" },
+    });
   };
 
+  const value = company
+    ? options.find((option) => String(option.value) === String(company))
+    : null;
+
   return (
     <label className="label">
       {label}
       <Select
         onChange={standardizeEvent}
-        required
-        options={list.map((el) => ({
-          value: el.id,
-          label: el[criteria],
-        }))}
+        value={value}
+        options={options}
         styles={colorStyles}
+        isClearable
       />
     </label>
   );
@@ -47,6 +62,7 @@ SelectConsultant.propTypes = {
   criteria: PropTypes.string.isRequired,
   handleSelect: PropTypes.func.isRequired,
   name: PropTypes.string.isRequired,
+  company: PropTypes.string.isRequired,
 };
 
 export default SelectConsultant;
diff --git a/frontend/src/components/SelectFromList.jsx b/frontend/src/components/SelectFromList.jsx
index 0d26197..c549ce6 100644
--- a/frontend/src/components/SelectFromList.jsx
+++ b/frontend/src/components/SelectFromList.jsx
@@ -2,10 +2,14 @@ import PropTypes from "prop-types";
 import Select from "react-select";
 import colorStyles from "../assets/selectStyle";
 
-function SelectFromList({ label, dataSet, handleSelect, name }) {
+function SelectFromList({ label, dataSet, handleSelect, name, find }) {
   const standardizeEvent = (option) => {
     handleSelect({ target: { name, value: option.value } });
   };
+
+  const currentValue =
+    find && dataSet.includes(find) ? { value: find, label: find } : null;
+
   return (
     <label className="label">
       {label}
@@ -17,6 +21,7 @@ function SelectFromList({ label, dataSet, handleSelect, name }) {
           value: el,
           label: el,
         }))}
+        value={currentValue}
         styles={colorStyles}
       />
     </label>
@@ -28,6 +33,7 @@ SelectFromList.propTypes = {
   dataSet: PropTypes.arrayOf(PropTypes.string).isRequired,
   handleSelect: PropTypes.func.isRequired,
   name: PropTypes.string.isRequired,
+  find: PropTypes.string.isRequired,
 };
 
 export default SelectFromList;
diff --git a/frontend/src/contexts/auth.jsx b/frontend/src/contexts/auth.jsx
index 2f049d2..92a71bc 100644
--- a/frontend/src/contexts/auth.jsx
+++ b/frontend/src/contexts/auth.jsx
@@ -24,6 +24,7 @@ export function AuthProvider({ children }) {
     () => ({ connected, setConnected, logout }),
     [connected, setConnected]
   );
+
   useEffect(() => {
     const getProfile = async () => {
       try {
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index aa5f424..452cb9a 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -23,6 +23,8 @@ import AdminSpecific from "./pages/AdminSpecific";
 import FormCompany from "./pages/FormCompany";
 
 import JobId from "./pages/jobId";
+import CandidatApplications from "./pages/CandidatApplications";
+import ConsultantApplication from "./pages/ConsultantApplications";
 
 const router = createBrowserRouter([
   {
@@ -81,6 +83,10 @@ const router = createBrowserRouter([
                 .catch((err) => console.error(err));
             },
           },
+          {
+            path: "applications",
+            element: <ConsultantApplication />,
+          },
           {
             path: "administration",
             children: [
@@ -116,6 +122,10 @@ const router = createBrowserRouter([
         path: "/account",
         element: <CandidatAccount />,
       },
+      {
+        path: "/account/applications",
+        element: <CandidatApplications />,
+      },
       {
         path: "/administration",
         element: <AdminPage />,
diff --git a/frontend/src/pages/AdminJobs.jsx b/frontend/src/pages/AdminJobs.jsx
index 3ffa40f..04caf1c 100644
--- a/frontend/src/pages/AdminJobs.jsx
+++ b/frontend/src/pages/AdminJobs.jsx
@@ -30,7 +30,6 @@ function AdminJobs() {
   const [isSubmissionSuccessful, setIsSubmissionSuccessful] = useState(false);
   const [errorMessage, setErrorMessage] = useState("");
   const { id } = useParams();
-
   const handleJob = (event) => {
     setJob((previousState) => ({
       ...previousState,
@@ -94,6 +93,7 @@ function AdminJobs() {
                 handleSelect={handleJob}
                 name="company_id"
                 className="filter-select"
+                company={job.company_id}
               />
               <SelectConsultant
                 label="Consultant"
@@ -103,6 +103,7 @@ function AdminJobs() {
                 handleSelect={handleJob}
                 name="consultant_id"
                 className="filter-select"
+                company={job.consultant_id}
               />
               <label>
                 Titre
@@ -172,8 +173,9 @@ function AdminJobs() {
                 text="Choisissez un language"
                 handleSelect={handleJob}
                 name="language"
-                dataSet={["Java-script", "React", "PHP", "Java"]}
+                dataSet={["Javascript", "React", "PHP", "Java"]}
                 className="label-form"
+                find={job.language}
               />
               <label>
                 Salaire
@@ -202,8 +204,9 @@ function AdminJobs() {
                 text="Choisissez un horaire hebdomadaire"
                 handleSelect={handleJob}
                 name="working_type"
-                dataSet={["35 heures", "30 heures", "25 heures"]}
+                dataSet={["Temps Plein", "Mi-temps", "30 heures"]}
                 className="label-form"
+                find={job.working_type}
               />
               <label>
                 Date de début
@@ -234,6 +237,7 @@ function AdminJobs() {
                 name="contract_type"
                 dataSet={["CDI", "CDD", "Alternance", "Stage"]}
                 className="label-form"
+                find={job.contract_type}
               />
               <label>
                 Qualification
diff --git a/frontend/src/pages/AdminSpecific.jsx b/frontend/src/pages/AdminSpecific.jsx
index d98b6d9..a667958 100644
--- a/frontend/src/pages/AdminSpecific.jsx
+++ b/frontend/src/pages/AdminSpecific.jsx
@@ -69,7 +69,7 @@ function AdminSpecific({ pageTitle, route }) {
         <button
           type="button"
           className="connection-button"
-          onClick={() => navigate(`${route}/new`)}
+          onClick={() => navigate(`/administration${route}/new`)}
         >
           Ajouter {pageTitle}
         </button>
diff --git a/frontend/src/pages/CandidatAccount.css b/frontend/src/pages/CandidatAccount.css
index 96074db..836fb43 100644
--- a/frontend/src/pages/CandidatAccount.css
+++ b/frontend/src/pages/CandidatAccount.css
@@ -20,6 +20,11 @@
   margin-top: 50px;
 }
 
+.application-container {
+  display: flex;
+  justify-content: center;
+}
+
 .select-form {
   display: flex;
   justify-content: center;
diff --git a/frontend/src/pages/CandidatAccount.jsx b/frontend/src/pages/CandidatAccount.jsx
index 9b2b296..a652bc1 100644
--- a/frontend/src/pages/CandidatAccount.jsx
+++ b/frontend/src/pages/CandidatAccount.jsx
@@ -212,11 +212,20 @@ function CandidatAccount() {
           <p>{userData.url && userData.url.split("/").pop()}</p>
           <div className="button-form-container">
             <button type="submit" className="connection-button">
-              valider
+              Valider
             </button>
           </div>
         </form>
       </div>
+      <div className="application-container">
+        <button
+          type="button"
+          className="connection-button"
+          onClick={() => navigate("/account/applications")}
+        >
+          Voir mes candidatures
+        </button>
+      </div>
     </>
   );
 }
diff --git a/frontend/src/pages/CandidatApplications.css b/frontend/src/pages/CandidatApplications.css
new file mode 100644
index 0000000..27dc529
--- /dev/null
+++ b/frontend/src/pages/CandidatApplications.css
@@ -0,0 +1,38 @@
+.candidat-application {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.candidat-application-title {
+  margin-top: 1rem;
+  margin-bottom: 2rem;
+}
+
+.application-table {
+  width: 50%;
+  margin-bottom: 40rem;
+}
+
+.application-th {
+  width: auto;
+  border-bottom: 2px solid var(--main-red);
+  font-size: 1.5rem;
+}
+
+.application-td {
+  height: 3rem;
+  text-align: center;
+  border-bottom: 2px solid var(--main-red);
+  font-size: 1.1rem;
+}
+
+.job-link {
+  text-decoration: underline;
+  text-underline-position: under;
+}
+
+.job-link:hover {
+  color: var(--main-red);
+}
diff --git a/frontend/src/pages/CandidatApplications.jsx b/frontend/src/pages/CandidatApplications.jsx
new file mode 100644
index 0000000..1279b11
--- /dev/null
+++ b/frontend/src/pages/CandidatApplications.jsx
@@ -0,0 +1,64 @@
+import React, { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
+import { useAuthContext } from "../contexts/auth";
+import connexion from "../services/connexion";
+
+import "./CandidatApplications.css";
+
+function CandidatApplications() {
+  const { connected } = useAuthContext();
+  const [applications, setApplications] = useState([]);
+
+  const getApplications = async () => {
+    try {
+      const response = await connexion.get(
+        "/profile/applications",
+        connected.id
+      );
+      setApplications(response.data);
+    } catch (err) {
+      console.error(err);
+      throw err;
+    }
+  };
+
+  useEffect(() => {
+    getApplications();
+  }, []);
+
+  return (
+    <div className="candidat-application">
+      <h1 className="candidat-application-title">Mes candidatures</h1>
+      {applications.length > 0 ? (
+        <table className="application-table">
+          <thead className="application-thead">
+            <tr className="application-tr">
+              <th className="application-th">Nom de l'offre</th>
+              <th className="application-th">Email du consultant</th>
+              <th className="application-th">Statut</th>
+            </tr>
+          </thead>
+          <tbody className="application-body">
+            {applications.map((application) => (
+              <tr key={application.id} className="application-tr">
+                <td className="application-td">
+                  <Link to={`/jobs/${application.job_id}`} className="job-link">
+                    {application.job_title}
+                  </Link>
+                </td>
+                <td className="application-td">
+                  {application.consultant_email}
+                </td>
+                <td className="application-td">{application.status_label}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      ) : (
+        <h2>Vous n'avez postulé à aucune offre pour le moment</h2>
+      )}
+    </div>
+  );
+}
+
+export default CandidatApplications;
diff --git a/frontend/src/pages/ConsultantApplications.css b/frontend/src/pages/ConsultantApplications.css
new file mode 100644
index 0000000..2c74906
--- /dev/null
+++ b/frontend/src/pages/ConsultantApplications.css
@@ -0,0 +1,51 @@
+.consultant-application {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+
+.consultant-application-title {
+  margin-top: 1rem;
+  margin-bottom: 2rem;
+}
+
+.application-table {
+  width: 50%;
+  margin-bottom: 40rem;
+}
+
+.application-th {
+  width: auto;
+  border-bottom: 2px solid var(--main-red);
+  font-size: 1.5rem;
+}
+
+.application-td {
+  height: 3rem;
+  text-align: center;
+  border-bottom: 2px solid var(--main-red);
+  font-size: 1.1rem;
+}
+
+.job-link {
+  text-decoration: underline;
+  text-underline-position: under;
+}
+
+.job-link:hover {
+  color: var(--main-red);
+}
+
+.application-status {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.validate-status-button {
+  width: 5rem;
+  height: 2rem;
+}
diff --git a/frontend/src/pages/ConsultantApplications.jsx b/frontend/src/pages/ConsultantApplications.jsx
new file mode 100644
index 0000000..4323825
--- /dev/null
+++ b/frontend/src/pages/ConsultantApplications.jsx
@@ -0,0 +1,156 @@
+import React, { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
+import Select from "react-select";
+
+import { useAuthContext } from "../contexts/auth";
+import connexion from "../services/connexion";
+
+import "./ConsultantApplications.css";
+import "../components/reusable/button.css";
+
+function ConsultantApplication() {
+  const { connected } = useAuthContext();
+  const [applications, setApplications] = useState([]);
+  const [status, setStatus] = useState([]);
+  const [selectedStatuses, setSelectedStatuses] = useState([]);
+
+  const colorStyles = {
+    control: (styles, { isSelected, isFocused }) => ({
+      ...styles,
+      backgroundColor: "white",
+      borderColor: isSelected || isFocused ? "#ca2061" : "black",
+      boxShadow: "none",
+      ":hover": { borderColor: "#ca2061" },
+    }),
+    clearIndicator: (styles) => ({
+      ...styles,
+      cursor: "pointer",
+      ":hover": { color: "red" },
+    }),
+    dropdownIndicator: (styles) => ({
+      ...styles,
+      cursor: "pointer",
+    }),
+    option: (styles, { isFocused }) => {
+      return {
+        ...styles,
+        backgroundColor: isFocused ? "#ca2061" : "white",
+        color: isFocused ? "white" : "black",
+        cursor: isFocused ? "pointer" : "default",
+      };
+    },
+  };
+
+  const getApplications = async () => {
+    try {
+      const response = await connexion.get(
+        "/applications/consultant",
+        connected.id
+      );
+      setApplications(response.data);
+
+      const initialSelectedStatuses = response.data.map((application) => {
+        return {
+          id: application.status_id,
+          label: application.status_label,
+        };
+      });
+      setSelectedStatuses(initialSelectedStatuses);
+    } catch (err) {
+      console.error(err);
+      throw err;
+    }
+  };
+
+  const getApplicationStatus = async () => {
+    try {
+      const response = await connexion.get("/applicationStatus");
+      setStatus(response.data);
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  const handleStatusChange = (index, selectedOption) => {
+    const newSelectedStatuses = [...selectedStatuses];
+    newSelectedStatuses[index] = selectedOption;
+    setSelectedStatuses(newSelectedStatuses);
+  };
+
+  const validateStatusChange = async (applicationId, selectedStatusId) => {
+    try {
+      await connexion.put(`application/${applicationId}`, {
+        status_id: selectedStatusId,
+      });
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  useEffect(() => {
+    getApplications();
+    getApplicationStatus();
+  }, []);
+
+  return (
+    <div className="consultant-application">
+      <h1 className="consultant-application-title">Mes candidatures</h1>
+      {applications.length > 0 ? (
+        <table className="application-table">
+          <thead className="application-thead">
+            <tr className="application-tr">
+              <th className="application-th">Nom de l'offre</th>
+              <th className="application-th">Entreprise</th>
+              <th className="application-th">Email du candidat</th>
+              <th className="application-th">Statut</th>
+            </tr>
+          </thead>
+          <tbody className="application-body">
+            {applications.map((application, index) => (
+              <tr key={application.id} className="application-tr">
+                <td className="application-td">
+                  <Link to={`/jobs/${application.job_id}`} className="job-link">
+                    {application.job_title}
+                  </Link>
+                </td>
+                <td className="application-td">{application.company_name}</td>
+                <td className="application-td">
+                  {application.candidate_email}
+                </td>
+                <td
+                  className="application-td application-status"
+                  aria-label="application-status"
+                >
+                  <Select
+                    options={status}
+                    value={selectedStatuses[index] || ""}
+                    onChange={(selectedOption) =>
+                      handleStatusChange(index, selectedOption)
+                    }
+                    styles={colorStyles}
+                  />
+                  <button
+                    type="button"
+                    className="connection-button validate-status-button"
+                    onClick={() =>
+                      validateStatusChange(
+                        application.application_id,
+                        selectedStatuses[index].id
+                      )
+                    }
+                  >
+                    Valider
+                  </button>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      ) : (
+        <h2>Aucun candidat n'a postulé à vos offres pour le moment</h2>
+      )}
+    </div>
+  );
+}
+
+export default ConsultantApplication;
diff --git a/frontend/src/pages/FormLogin.jsx b/frontend/src/pages/FormLogin.jsx
index a46d15e..f4e663e 100644
--- a/frontend/src/pages/FormLogin.jsx
+++ b/frontend/src/pages/FormLogin.jsx
@@ -30,7 +30,6 @@ function FormLogin() {
     try {
       const valid = await connexion.post("/login", credentials);
       setConnected(valid.data);
-      sessionStorage.setItem("connected", true);
       setTimeout(() => {
         navigate("/");
       }, 1000);
diff --git a/frontend/src/pages/HomePage.css b/frontend/src/pages/HomePage.css
index 65af8c6..cc421c0 100644
--- a/frontend/src/pages/HomePage.css
+++ b/frontend/src/pages/HomePage.css
@@ -121,7 +121,7 @@
   justify-content: center;
   align-items: center;
   height: 20rem;
-  background-image: url("../public/sfddsfdfsfddf.png");
+  background-image: url("../assets/sfddsfdfsfddf.png");
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
diff --git a/frontend/src/pages/consultant/ConsultantJob.css b/frontend/src/pages/consultant/ConsultantJob.css
index ddb9f03..4e45e1a 100644
--- a/frontend/src/pages/consultant/ConsultantJob.css
+++ b/frontend/src/pages/consultant/ConsultantJob.css
@@ -10,3 +10,8 @@
 .ajout-card {
   margin: auto;
 }
+
+.container-ajout {
+  display: flex;
+  justify-content: center;
+}
diff --git a/frontend/src/pages/consultant/ConsultantJob.jsx b/frontend/src/pages/consultant/ConsultantJob.jsx
index aec81c6..d42ad75 100644
--- a/frontend/src/pages/consultant/ConsultantJob.jsx
+++ b/frontend/src/pages/consultant/ConsultantJob.jsx
@@ -20,15 +20,16 @@ function ConsultantJob() {
   useEffect(() => {
     getJobsByCompany();
   }, []);
-
   return (
     <div>
-      <div className="ajout-card">
-        <Link to="/consultants/administration/job/new">
-          <button className="connection-button ajout-card" type="button">
-            Ajouter un job
-          </button>
-        </Link>
+      <div className="container-ajout">
+        <div className="ajout-card">
+          <Link to="/consultants/administration/job/new">
+            <button className="connection-button ajout-card" type="button">
+              Ajouter un job
+            </button>
+          </Link>
+        </div>
       </div>
       <div className="container">
         {jobs.map((job) => (
diff --git a/frontend/src/pages/jobId.jsx b/frontend/src/pages/jobId.jsx
index a8c7701..c1f4853 100644
--- a/frontend/src/pages/jobId.jsx
+++ b/frontend/src/pages/jobId.jsx
@@ -1,8 +1,10 @@
-import React, { useRef } from "react";
+import React, { useRef, useContext } from "react";
 import { useLoaderData } from "react-router-dom";
 
 import Modal from "../components/modal";
 import HeadJob from "../components/headJobs";
+import connexion from "../services/connexion";
+import { AuthContext } from "../contexts/auth";
 
 import "./jobId.css";
 import "../components/headJobs.css";
@@ -13,12 +15,23 @@ function formatDate(time) {
 
 function JobId() {
   const job = useLoaderData();
+  const { connected } = useContext(AuthContext);
   const modal = useRef(null);
 
   function toggleRefModal() {
     modal.current.toggleModal();
   }
 
+  const handleClick = async () => {
+    toggleRefModal();
+    const application = { job_id: job.id, user_id: connected.id };
+    try {
+      connexion.post("/application", application);
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
   return (
     <div className="jobid">
       <HeadJob />
@@ -51,7 +64,7 @@ function JobId() {
         </div>
         <div>Veuillez vous connecter pour en savoir plus</div>
         <Modal ref={modal} />
-        <button type="button" onClick={toggleRefModal} className="btn-modal">
+        <button type="button" onClick={handleClick} className="btn-modal">
           Postuler a l'offre
         </button>
       </div>
diff --git a/frontend/src/pages/layout/ConsultantPage.css b/frontend/src/pages/layout/ConsultantPage.css
index ed271e6..cae2f9f 100644
--- a/frontend/src/pages/layout/ConsultantPage.css
+++ b/frontend/src/pages/layout/ConsultantPage.css
@@ -11,3 +11,8 @@
   font-weight: bolder;
   text-align: center;
 }
+
+.application-button-container {
+  display: flex;
+  justify-content: center;
+}
diff --git a/frontend/src/pages/layout/ConsultantPage.jsx b/frontend/src/pages/layout/ConsultantPage.jsx
index c08c148..6326547 100644
--- a/frontend/src/pages/layout/ConsultantPage.jsx
+++ b/frontend/src/pages/layout/ConsultantPage.jsx
@@ -1,10 +1,21 @@
-import { Outlet } from "react-router-dom";
+import { Outlet, useNavigate } from "react-router-dom";
 import "./ConsultantPage.css";
 
 function ConsultantPage() {
+  const navigate = useNavigate();
   return (
     <div>
       <h2 className="consultantTitre">Consultant</h2>
+      <div className="application-button-container">
+        <button
+          type="button"
+          className="connection-button"
+          onClick={() => navigate("/consultants/applications")}
+        >
+          Voir mes candidatures
+        </button>
+      </div>
+
       <div className="containerConsultant">
         <Outlet />
       </div>