diff --git a/backend/src/controllers/jobControllers.js b/backend/src/controllers/jobControllers.js
index 352a442..d6cf582 100644
--- a/backend/src/controllers/jobControllers.js
+++ b/backend/src/controllers/jobControllers.js
@@ -115,9 +115,25 @@ const browseLatest = async (req, res, next) => {
     next(err);
   }
 };
+
 // The E of BREAD - Edit (Update) operation
-// This operation is not yet implemented
+const edit = async (req, res, next) => {
+  // Extract the job data from the request body
+  const job = req.body;
+  try {
+    const result = await tables.job.update(req.params.id, job);
 
+    // If the job 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 job data from the request body
@@ -157,7 +173,7 @@ module.exports = {
   readByCompany,
   readByCompanyJob,
   browseLatest,
-  // edit,
+  edit,
   add,
   destroy,
 };
diff --git a/backend/src/models/JobManager.js b/backend/src/models/JobManager.js
index cddd1bc..cd6d3ff 100644
--- a/backend/src/models/JobManager.js
+++ b/backend/src/models/JobManager.js
@@ -172,9 +172,18 @@ class JobManager extends AbstractManager {
   // The U of CRUD - Update operation
   // TODO: Implement the update operation to modify an existing job
 
-  // async update(job) {
-  //   ...
-  // }
+  async update(id, job) {
+    // Execute the SQL SELECT query to retrieve a specific job by its ID
+    // eslint-disable-next-line no-param-reassign
+    delete job.created_at;
+    const [result] = await this.database.query(
+      `UPDATE ${this.table} set ? WHERE id = ?`,
+      [job, 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 job by its ID
diff --git a/backend/src/router.js b/backend/src/router.js
index 766720e..f479526 100644
--- a/backend/src/router.js
+++ b/backend/src/router.js
@@ -23,6 +23,7 @@ const validateUser = require("./validators/validateUser");
 const validateAccount = require("./validators/validateAccount");
 const validateCompany = require("./validators/validateCompany");
 const validateCV = require("./validators/validateCV");
+const validateJob = require("./validators/validateJob");
 
 // ROUTES GET
 router.get("/jobs", jobControllers.browse);
@@ -32,7 +33,7 @@ router.get("/companies", companyControllers.browse);
 router.get(
   "/consultants",
   checkCredentials,
-  checkAdmin,
+  checkConsultant,
   userControllers.getConsultant
 );
 router.get("/roles", checkCredentials, checkAdmin, roleControllers.browse);
@@ -85,8 +86,13 @@ router.get(
 router.get("/roles/:id", checkCredentials, checkAdmin, roleControllers.read);
 router.get("/users/:id", checkCredentials, userControllers.read);
 
-// ROUTES POST
-router.post("/jobs", checkCredentials, checkConsultant, jobControllers.add);
+router.post(
+  "/jobs",
+  validateJob,
+  checkCredentials,
+  checkConsultant,
+  jobControllers.add
+);
 router.post("/login", validateUser, userControllers.login);
 router.post("/register", validateUser, userControllers.add);
 router.post(
@@ -145,15 +151,7 @@ router.put(
   validateCV,
   userControllers.updateProfileCV
 );
-router.put(
-  "/application/:id",
-  checkCredentials,
-  checkConsultant,
-  applicationControllers.edit
-);
-
-router.post("/logout", userControllers.logout);
-
+router.put("/jobs/:id", checkCredentials, checkConsultant, jobControllers.edit);
 /* ************************************************************************* */
 
 module.exports = router;
diff --git a/backend/src/validators/validateJob.js b/backend/src/validators/validateJob.js
new file mode 100644
index 0000000..f8ab56c
--- /dev/null
+++ b/backend/src/validators/validateJob.js
@@ -0,0 +1,35 @@
+const Joi = require("joi");
+
+const schema = Joi.object({
+  id: Joi.number(),
+  company_id: Joi.number(),
+  consultant_id: Joi.number(),
+  title: Joi.string().required(),
+  description_mission: Joi.string().required(),
+  description_about_candidate: Joi.string().required(),
+  description_position: Joi.string().required(),
+  description_advantages: Joi.string().required(),
+  description_process: Joi.string().required(),
+  language: Joi.string().required(),
+  salary: Joi.string().required(),
+  location: Joi.string().required(),
+  working_type: Joi.string().required(),
+  starting_date: Joi.date().required(),
+  position_category: Joi.string().required(),
+  contract_type: Joi.string().required(),
+  position_requirements: Joi.string().required(),
+  created_at: Joi.string(),
+});
+
+const validateJob = (req, res, next) => {
+  delete req.body.id;
+  const { error } = schema.validate(req.body);
+
+  if (error) {
+    res.status(422).json(error);
+  } else {
+    next();
+  }
+};
+
+module.exports = validateJob;
diff --git a/frontend/src/components/JobCard.jsx b/frontend/src/components/JobCard.jsx
index df5a216..6911078 100644
--- a/frontend/src/components/JobCard.jsx
+++ b/frontend/src/components/JobCard.jsx
@@ -43,6 +43,15 @@ function JobCard({ job, cardStyle, refresh, isUserPage }) {
         >
           <h3 className={`${cardStyle}-title`}>{job.title}</h3>
         </Link>
+        {!isUserPage ? (
+          <Link to={`/consultants/administration/job/${job.job_id}`}>
+            <button className="connection-button delete-card" type="button">
+              Editer
+            </button>
+          </Link>
+        ) : (
+          ""
+        )}
         {!isUserPage ? (
           <button
             className="connection-button delete-card"
@@ -62,6 +71,7 @@ function JobCard({ job, cardStyle, refresh, isUserPage }) {
           </button>
         )}
       </div>
+
       <div className={`${cardStyle}-body`}>
         <div className={`${cardStyle}-requirement`}>
           <p className="job-card-language">{job.language}</p>
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 16bf0bb..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}
@@ -14,9 +18,10 @@ function SelectFromList({ label, dataSet, handleSelect, name }) {
         onChange={standardizeEvent}
         required
         options={dataSet.map((el) => ({
-          value: el.id,
+          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/main.jsx b/frontend/src/main.jsx
index fe94555..452cb9a 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -10,7 +10,7 @@ import App from "./App";
 import FormLogin from "./pages/FormLogin";
 import FormRegister from "./pages/FormRegister";
 import HomePage from "./pages/HomePage";
-import AdminJob from "./pages/AdminJobs";
+import AdminJobs from "./pages/AdminJobs";
 
 import AllJobsPage from "./pages/AllJobsPage";
 import ConsultantPage from "./pages/layout/ConsultantPage";
@@ -92,7 +92,7 @@ const router = createBrowserRouter([
             children: [
               {
                 path: "job/:id",
-                element: <AdminJob />,
+                element: <AdminJobs />,
               },
               {
                 path: "job",
diff --git a/frontend/src/pages/AdminJobs.jsx b/frontend/src/pages/AdminJobs.jsx
index 6e6b6ea..04caf1c 100644
--- a/frontend/src/pages/AdminJobs.jsx
+++ b/frontend/src/pages/AdminJobs.jsx
@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
+import { useParams } from "react-router-dom";
 
 import connexion from "../services/connexion";
 import SelectConsultant from "../components/SelectConsultant";
@@ -27,7 +28,8 @@ const jobType = {
 function AdminJobs() {
   const [job, setJob] = useState(jobType);
   const [isSubmissionSuccessful, setIsSubmissionSuccessful] = useState(false);
-
+  const [errorMessage, setErrorMessage] = useState("");
+  const { id } = useParams();
   const handleJob = (event) => {
     setJob((previousState) => ({
       ...previousState,
@@ -43,17 +45,45 @@ function AdminJobs() {
       setJob(jobType);
     } catch (error) {
       console.error(error);
+      setErrorMessage(
+        " Votre job n'a pu être ajouté. Veuillez verifier votre saisie."
+      );
     }
   };
+
+  const putJob = async (event) => {
+    event.preventDefault();
+    try {
+      await connexion.put(`/jobs/${id}`, job);
+      setIsSubmissionSuccessful(true);
+      setJob(jobType);
+    } catch (error) {
+      console.error(error);
+      setErrorMessage(
+        " Votre job n'a pu être modifié. Veuillez verifier votre saisie."
+      );
+    }
+  };
+
+  useEffect(() => {
+    if (id !== "new") {
+      const getJob = async () => {
+        await connexion.get(`/jobs/${id}`).then((res) => setJob(res.data));
+      };
+      getJob();
+    }
+  }, []);
+
   return (
     <div>
-      <h2>Ajout d'un job</h2>
-      {isSubmissionSuccessful && (
-        <p>Votre annonce a été envoyée avec succès.</p>
-      )}
+      {id !== "new" ? <h2>Modifier un job</h2> : <h2>Ajouter un job</h2>}
+
       <main>
         <div className="form-container">
-          <form className="form-connection" onSubmit={postJob}>
+          <form
+            className="form-connection"
+            onSubmit={id !== "new" ? putJob : postJob}
+          >
             <div className="form-alllabel">
               <SelectConsultant
                 label="Entreprise"
@@ -63,6 +93,7 @@ function AdminJobs() {
                 handleSelect={handleJob}
                 name="company_id"
                 className="filter-select"
+                company={job.company_id}
               />
               <SelectConsultant
                 label="Consultant"
@@ -72,6 +103,7 @@ function AdminJobs() {
                 handleSelect={handleJob}
                 name="consultant_id"
                 className="filter-select"
+                company={job.consultant_id}
               />
               <label>
                 Titre
@@ -91,7 +123,7 @@ function AdminJobs() {
                   required
                   value={job.description_mission}
                   onChange={handleJob}
-                  className="label-form"
+                  className="label-form textera"
                 />
               </label>
               <label>
@@ -101,7 +133,7 @@ function AdminJobs() {
                   required
                   value={job.description_about_candidate}
                   onChange={handleJob}
-                  className="label-form"
+                  className="label-form textera"
                 />
               </label>
               <label>
@@ -133,7 +165,7 @@ function AdminJobs() {
                   required
                   value={job.description_process}
                   onChange={handleJob}
-                  className="label-form"
+                  className="label-form textera"
                 />
               </label>
               <SelectFromList
@@ -141,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
@@ -171,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
@@ -203,6 +237,7 @@ function AdminJobs() {
                 name="contract_type"
                 dataSet={["CDI", "CDD", "Alternance", "Stage"]}
                 className="label-form"
+                find={job.contract_type}
               />
               <label>
                 Qualification
@@ -217,13 +252,19 @@ function AdminJobs() {
               </label>
               <div className="button-container">
                 <button type="submit" className="connection-button">
-                  Ajouter
+                  {id !== "new" ? "Modifier" : "Ajouter"}
                 </button>
               </div>
             </div>
           </form>
         </div>
       </main>
+      <div className="message">
+        {isSubmissionSuccessful && (
+          <p style={{ color: "green" }}>Votre job a été envoyé avec succès.</p>
+        )}
+        {errorMessage && <p style={{ color: "red" }}>{errorMessage}</p>}
+      </div>
     </div>
   );
 }
diff --git a/frontend/src/pages/AdminPage.css b/frontend/src/pages/AdminPage.css
index b7e5497..abec8c0 100644
--- a/frontend/src/pages/AdminPage.css
+++ b/frontend/src/pages/AdminPage.css
@@ -7,3 +7,8 @@
   justify-content: center;
   margin-top: 1rem;
 }
+
+.message {
+  text-align: center;
+  margin: 10px;
+}
diff --git a/frontend/src/pages/Adminjobs.css b/frontend/src/pages/Adminjobs.css
index 37be278..4205cd6 100644
--- a/frontend/src/pages/Adminjobs.css
+++ b/frontend/src/pages/Adminjobs.css
@@ -12,3 +12,7 @@ h2 {
 .filter-select {
   margin-top: 20px;
 }
+
+.textera {
+  padding-top: 4px;
+}
diff --git a/frontend/src/pages/AllJobsPage.jsx b/frontend/src/pages/AllJobsPage.jsx
index 38a3d1d..7b1e7cb 100644
--- a/frontend/src/pages/AllJobsPage.jsx
+++ b/frontend/src/pages/AllJobsPage.jsx
@@ -1,18 +1,20 @@
 import React from "react";
-import { useLoaderData } from "react-router-dom";
-
+import { useLoaderData, Link } from "react-router-dom";
+import PropTypes from "prop-types";
 import AllJobs from "../components/AllJobs";
 import Collapser from "../components/Collapser";
 import Pagination from "../components/Pagination";
 import SearchBar from "../components/SearchBar";
+import { useAuthContext } from "../contexts/auth";
 
 import "./AllJobsPage.css";
 import FiltersBar from "../components/FiltersBar";
 
-function AllJobsPage() {
+function AllJobsPage({ isUserPage }) {
   const allJobsData = useLoaderData();
   const { jobs, totalPagesNb } = allJobsData.data;
   const currentPage = allJobsData.page;
+  const { connected } = useAuthContext();
 
   return (
     <div className="all-jobs-page-body">
@@ -21,6 +23,17 @@ function AllJobsPage() {
         <FiltersBar />
         <SearchBar page="job" />
       </div>
+      <div>
+        {isUserPage && connected.role_id === 2 ? (
+          <Link to="/consultants/administration/job/new" className="button">
+            <button className="connection-button" type="button">
+              Ajouter un job
+            </button>
+          </Link>
+        ) : (
+          ""
+        )}
+      </div>
       <AllJobs jobs={jobs} />
       <Pagination pageNb={totalPagesNb} currentPage={currentPage} />
       <div className="all-jobs-page-separator" />
@@ -62,4 +75,8 @@ Ce n’est pas parce que vous démarrez que l’on n’est plus en contact ! Si
   );
 }
 
+AllJobsPage.propTypes = {
+  isUserPage: PropTypes.bool.isRequired,
+};
+
 export default AllJobsPage;
diff --git a/frontend/src/pages/consultant/ConsultantCompany.css b/frontend/src/pages/consultant/ConsultantCompany.css
index d7ee6ab..b0707f0 100644
--- a/frontend/src/pages/consultant/ConsultantCompany.css
+++ b/frontend/src/pages/consultant/ConsultantCompany.css
@@ -5,4 +5,5 @@
   flex-direction: row;
   gap: 80px;
   justify-content: space-around;
+  margin: auto;
 }
diff --git a/frontend/src/pages/consultant/ConsultantJob.css b/frontend/src/pages/consultant/ConsultantJob.css
index 6bec8fe..4e45e1a 100644
--- a/frontend/src/pages/consultant/ConsultantJob.css
+++ b/frontend/src/pages/consultant/ConsultantJob.css
@@ -6,3 +6,12 @@
   gap: 5rem;
   flex-wrap: wrap;
 }
+
+.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 ee5bc05..d42ad75 100644
--- a/frontend/src/pages/consultant/ConsultantJob.jsx
+++ b/frontend/src/pages/consultant/ConsultantJob.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { useParams } from "react-router-dom";
+import { useParams, Link } from "react-router-dom";
 import JobCard from "../../components/JobCard";
 import "./ConsultantJob.css";
 import connexion from "../../services/connexion";
@@ -20,22 +20,28 @@ function ConsultantJob() {
   useEffect(() => {
     getJobsByCompany();
   }, []);
-
   return (
     <div>
-      <div>
-        <div className="container">
-          {jobs.map((job) => (
-            <JobCard
-              key={job.id}
-              job={job}
-              refresh={getJobsByCompany}
-              cardStyle="job-card"
-              isUserPage={false}
-            />
-          ))}
+      <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) => (
+          <JobCard
+            key={job.id}
+            job={job}
+            refresh={getJobsByCompany}
+            cardStyle="job-card"
+            isUserPage={false}
+          />
+        ))}
+      </div>
     </div>
   );
 }