diff --git a/backend/.gitignore b/backend/.gitignore
index c2065bc..9b7acf6 100644
--- a/backend/.gitignore
+++ b/backend/.gitignore
@@ -35,3 +35,5 @@ out/
 
 ### VS Code ###
 .vscode/
+
+/cdn
diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/ApplicationsController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/ApplicationsController.java
index f09e92e..8d1f1ca 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/ApplicationsController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/ApplicationsController.java
@@ -64,9 +64,12 @@ public class ApplicationsController {
         if (!authServ.isNotIn(new Role[]{Role.Teacher,Role.Secretary,Role.Admin},token))
             authorizedApps.add(Applications.ManageCourses);
 
-        if (!authServ.isNotIn(new Role[]{Role.InscriptionService,Role.Admin},token))
+        if (!authServ.isNotIn(new Role[]{Role.InscriptionService,Role.Admin},token)){
             authorizedApps.add(Applications.Inscription);
+            authorizedApps.add(Applications.StudentsList);}
 
+        if (!authServ.isNotIn(new Role[]{Role.Secretary,Role.Admin},token)){ 
+          authorizedApps.add(Applications.UsersList);}
         return authorizedApps;
     }
 }
diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/CourseController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/CourseController.java
index 566121d..d5e87a8 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/CourseController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/CourseController.java
@@ -74,7 +74,8 @@ public class CourseController {
     public ResponseEntity<Map<String ,Object>> postCourse(@RequestHeader("Authorization") String token,
                                              @RequestBody Course course)
     {
-
+        System.out.println(course);
+        System.out.println(token);
         if (authServ.isNotIn(new Role[]{Role.Secretary,Role.Admin},token))
             return new UnauthorizedResponse<>(null);
 
diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/InscriptionController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/InscriptionController.java
index c70e4df..35c4852 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/InscriptionController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/InscriptionController.java
@@ -57,7 +57,6 @@ public class InscriptionController {
                                                                  @RequestHeader("Authorization") String token,
                                                                  @RequestBody RequestState state)
     {
-
         if (authServ.isNotIn(new Role[]{Role.InscriptionService,Role.Admin},token))
             return new UnauthorizedResponse<>(null);
 
diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java
index 6707fb7..621a470 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java
@@ -53,8 +53,9 @@ public class MockController {
         User joe = new User("Mama","Joe","student@student.com","roundabout","DaWarudo",new Date(0), null,Role.Student,passwordEncoder.encode("student"));
         User meh = new User("Inspiration","lackOf","secretary@secretary.com","a Box","the street",new Date(0), null,Role.Secretary,passwordEncoder.encode("secretary"));
         User joke = new User("CthemBalls","Lemme","teacher@teacher.com","lab","faculty",new Date(0), null,Role.Teacher,passwordEncoder.encode("teacher"));
+        User jojo = new User("hhoo","yeay","teacher2@teacher2.com","lab","faculty",new Date(0), null,Role.Teacher,passwordEncoder.encode("teacher"));
         User lena = new User("Louille","Lena","inscriptionService@InscriptionService.com","no","yes",new Date(0), null,Role.InscriptionService,passwordEncoder.encode("inscriptionService"));
-        mockUsers = new ArrayList<>(Arrays.asList(herobrine,joe,meh,joke,lena));
+        mockUsers = new ArrayList<>(Arrays.asList(herobrine,joe,meh,joke,lena,jojo));
 
         userRepo.saveAll(mockUsers);
 
@@ -91,7 +92,7 @@ public class MockController {
         CurriculumCourseService.save(new CurriculumCourse(chemistryBab1,chemistry1));
 
 
-        InscriptionRequest inscriptionRequest = new InscriptionRequest("helen","prenom","non","helen@gmail.com","america",new Date(),(long) 1,RequestState.Refused,"yes.png","password");
+        InscriptionRequest inscriptionRequest = new InscriptionRequest("helen","prenom","non","helen@gmail.com","america",new Date(),(long) 1,RequestState.Pending,"yes.png","password");
 
         inscriptionService.save(inscriptionRequest);
         
diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/UserController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/UserController.java
index d93ed54..20ca9ee 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/UserController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/UserController.java
@@ -63,7 +63,7 @@ public class UserController {
     public ResponseEntity<Iterable<HashMap<String,Object>>> getAllUsers(@RequestHeader("Authorization") String token){
 
         if (authServ.isNotIn(new Role[]{Role.Admin,Role.Secretary},token))
-            return new UnauthorizedResponse<>(null);
+          return new UnauthorizedResponse<>(null);
 
         Role posterRole = authServ.getUserFromToken(token).getRole();
 
@@ -122,9 +122,10 @@ public class UserController {
         return new ResponseEntity<>(ProtectionService.usersWithoutPasswords(students), HttpStatus.OK);
     }
 
+
     @DeleteMapping("/user/{id}")
     public ResponseEntity<String> deleteStudent(@RequestHeader("Authorization") String token, @PathVariable Long id){
-        if (authServ.isNotIn(new Role[]{Role.Admin,Role.Secretary},token) || id.equals(authServ.getUserFromToken(token).getRegNo()))
+        if (authServ.isNotIn(new Role[]{Role.Admin,Role.Secretary},token) && !id.equals(authServ.getUserFromToken(token).getRegNo()))
             return new UnauthorizedResponse<>(null);
 
         User toDelete = userService.getUserById(id);
@@ -135,4 +136,4 @@ public class UserController {
         userService.delete(toDelete);
         return new ResponseEntity<>(HttpStatus.OK);
     }
-}
\ No newline at end of file
+}
diff --git a/backend/src/main/java/ovh/herisson/Clyde/Services/UserService.java b/backend/src/main/java/ovh/herisson/Clyde/Services/UserService.java
index 0c88d15..72eabd5 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/Services/UserService.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/Services/UserService.java
@@ -123,6 +123,7 @@ public class UserService {
 
     public Iterable<User> getAllStudents(){return userRepo.findAllStudents();}
 
+
     public User getUserById(long id) {
         return userRepo.findById(id);
     }
diff --git a/backend/src/main/java/ovh/herisson/Clyde/Tables/Applications.java b/backend/src/main/java/ovh/herisson/Clyde/Tables/Applications.java
index 6ad6567..3dadcec 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/Tables/Applications.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/Tables/Applications.java
@@ -15,7 +15,9 @@ public enum Applications {
 
     // teachers and Secretary authorization
     ManageCourses,
+    UsersList,
 
     // InscriptionService authorization
-    Inscription
+    Inscription,
+    StudentsList
 }
diff --git a/frontend/src/assets/Clyde.png b/frontend/public/Clyde.png
similarity index 100%
rename from frontend/src/assets/Clyde.png
rename to frontend/public/Clyde.png
diff --git a/frontend/public/i18n/EN.txt b/frontend/public/i18n/EN.txt
index 90a001d..e79a8a1 100644
--- a/frontend/public/i18n/EN.txt
+++ b/frontend/public/i18n/EN.txt
@@ -26,6 +26,8 @@ app.inscription.requests=Inscription Requests
 app.manage.courses=Manage Courses
 app.language=Language
 app.manage.profile=Manage profile
+app.studentList=Students List
+app.users=Users
 request.moreInfos=More Infos
 request.accept=Accept
 request.refuse=Refuse
@@ -41,10 +43,12 @@ profile.unRegister=Unregister
 profile.course.list=Courses list
 profile.address=Address
 profile.picture=Profile picture
+profile.change.curriculum=Change curriculum
 name=Name
-teacher=Teacher
-student=Student
-secretary=Secretary
-curriculum=curriculum
-credits=Credits
+Teacher=Teacher
+Student=Student
+Secretary=Secretary
+Curriculum=curriculum
+Credits=Credits
+InscriptionService=I.S.
 faculty=Faculty
diff --git a/frontend/public/i18n/FR.txt b/frontend/public/i18n/FR.txt
index c2f7689..c5f3ebf 100644
--- a/frontend/public/i18n/FR.txt
+++ b/frontend/public/i18n/FR.txt
@@ -26,6 +26,8 @@ app.inscription.requests=Demandes d'Inscription
 app.manage.courses=Gérer les cours
 app.language=Langue
 app.manage.profile=Gérer le profil
+app.studentList=Liste des étudiants
+app.users=Utilisateurs
 request.moreInfos=Plus d'Infos
 request.accept=Accepter
 request.refuse=Refuser
@@ -41,10 +43,12 @@ profile.unRegister=Désinscription
 profile.course.list=Liste des cours
 profile.address=Adresse
 profile.picture=Photo de profil
+profile.change.curriculum=Changer cursus
 name=Nom
-teacher=Enseignant
-student=Etudiant
-secretary=Secrétaire
-curriculum=Cursus
-credits=Credits
+Teacher=Enseignant
+Student=Etudiant
+Secretary=Secrétaire
+Curriculum=Cursus
+Credits=Credits
+InscriptionService=S.I.
 faculty=Faculté
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 030c38d..7d79e82 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -5,14 +5,26 @@
   import { isLogged } from '@/rest/Users.js'
 
   import { appList, currentView } from '@/rest/apps.js'
+		var prevURL;
+		var currentURL = window.location.hash;
 
+window.onhashchange = function() {
+    prevURL = currentURL;
+    currentURL = window.location.hash;
+}
+const Logged = ref(isLogged());
+
+window.addEventListener('hashchange', () => {
+ if((location.hash === "#/home" && prevURL === "#/login") || (location.hash === "#/home" && prevURL === "#/profil")){
+		window.location.reload();
+ }
+});
   const home=ref(i18n("app.home"))
   const notifications=ref(i18n("app.notifications"))
   const settings=ref(i18n("app.settings"))
   const login=ref(i18n("app.login"))
   const active=ref(false)
 
-  const Logged = ref(isLogged());
 
 	const apps = ref([])
 	appList().then(e => apps.value = e)
@@ -26,7 +38,7 @@
       <ul class="horizontal">
         <li title=home>
             <a class="icon" href="#home">
-                <img class="clyde" src="./assets/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
+                <img class="clyde" src="/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
             </a></li>
         <li title=home>
             <a class="icon" href="#home">
@@ -66,17 +78,19 @@
     <div class="leftBar">
     <ul class="vertical">
         <li v-for="app in apps">
-						<a href="app.path">
+						<a :href="app.path">
             <div class="fa-solid" :class="app.icon" style="font-size: 40px;"></div>
             <div class="text">{{app.text}}</div>
 						</a>
 				</li>
     </ul>
-
     </div>
     <div class="page">
       <div style=" margin:50px;">
+        <Suspense>
+        
 		<component :is="currentView" />
+        </Suspense>
       </div>
     </div>
   </div>
diff --git a/frontend/src/Apps/Inscription.vue b/frontend/src/Apps/Inscription.vue
index 511a403..94a1811 100644
--- a/frontend/src/Apps/Inscription.vue
+++ b/frontend/src/Apps/Inscription.vue
@@ -1,10 +1,113 @@
 <script setup>
-  import Req from "./Request.vue"
-  import { getRegisters } from '@/rest/ServiceInscription.js'
+  import i18n from "@/i18n.js"
+  import {ref} from 'vue'
+  import {validateRegister, getAllRegisters } from '@/rest/ServiceInscription.js'
 
-  const requests_example = getRegisters();
+  const requests = ref(await getAllRegisters());
+  console.log(requests);
+
+  async function upPage(id,review){
+    await validateRegister(id,review);
+    requests.value = await getAllRegisters();
+
+  }
 </script>
 
-<template>
-  <Req v-for="item of requests_example"/>
+
+
+<template> 
+  <div  v-for="item of requests">
+  <div class="bodu" v-if="item.state === 'Pending'">
+  <div class="container">
+ 
+    <div class="id"><a>{{item.id}}</a></div>
+    <div class="surname"><a>{{item.lastName}}</a></div>
+    <div class="firstname"><a>{{item.firstName}}</a></div>
+    <div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}</button></div>
+    <div class="accept"><button @click="upPage(item.id,'Accepted')" style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
+    <div class="refuse"><button @click="upPage(item.id,'Refused')" style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
+  </div>
+  </div>
+  </div>
 </template>
+
+<style scoped>
+  .container{
+    color:white;
+    height:100px;
+    font-size:20px;
+    display:grid;
+    grid-template-columns:[firstCol-start]100px[firstCol-end secondCol-start]150px[secondCol-end thirdCol-start]200px[thirdCol-end fourthCol-start]150px[fourthCol-end]150px[fifthCol-end]150px[sixthCol-end]150px[endCol];
+    grid-template-areas:
+    "id type surname firstname infos accept refuse"; 
+    column-gap:10px;
+    
+  }
+  
+  .infos {
+    grid-area:infos;
+    align-self:center;
+  }
+
+  .accept{
+    grid-area:accept;
+    align-self:center;
+  }
+
+  .refuse{
+    grid-area:refuse;
+    align-self:center;
+  }
+
+  .titles {
+    grid-area:titles;
+    background-color:rgb(215,215,215);
+  }
+  .id{
+    grid-area:id;
+    margin-left:40px;
+    align-self:center;
+  }
+
+  .type{
+    grid-area:type;
+    align-self:center;
+  }
+
+  .surname{
+    grid-area:surname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+  }
+
+  .firstname{
+    grid-area:firstname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+  }
+
+  button{
+    font-size:15px;
+     height:50px;
+     width:100px;
+    border:none;
+    border-radius:20px;
+
+  }
+
+  .bodu {
+    width:100%;
+    margin-bottom:10px;
+    border:2px solid black;
+    border-radius:9px;
+    background-color:rgb(50,50,50);
+  }
+
+
+</style>
+
+
diff --git a/frontend/src/Apps/Login.vue b/frontend/src/Apps/Login.vue
index c86e690..b43b152 100644
--- a/frontend/src/Apps/Login.vue
+++ b/frontend/src/Apps/Login.vue
@@ -1,27 +1,56 @@
 <script setup>
-  import { ref } from 'vue'
+  import {reactive, ref } from 'vue'
   import i18n from '@/i18n.js'
-  import { login , register, disconnect } from '@/rest/Users.js'
+  import { login , register , disconnect, isLogged} from '@/rest/Users.js'
+  import { getAllCurriculums } from '@/rest/curriculum.js'
   import { uploadProfilePicture } from '@/rest/uploads.js'
+  import {toast} from 'vue3-toastify'
+  import 'vue3-toastify/dist/index.css';
+
 
   const loginPage= ref(true)
   const page = ref(0)
+  
+  const outputs = reactive({
+    surname:null,
+    firstname:null,
+    password:null,
+    birthday:null,
+    email:null,
+    address:null,
+    country:null,
+    curriculum:null,
+  })
 
   const submitValue= ref(i18n("login.guest.submit"))
-  const surname=ref("")
-  const firstname=ref("")
-  const password=ref("")
   const passwordConfirm=ref("")
-  const birthday=ref("")
-  const email=ref("")
-  const address=ref("")
-  const country=ref("")
-  const curriculum=ref("")
  
   const imageSaved = ref(false)
   const ppData = ref(false)
 
-  disconnect()
+  const curricula= await getAllCurriculums();
+  
+  function goBackHome(){
+    setTimeout(() => {
+      window.location.href="#/home";
+      }, "500");
+ } 
+  function verifyInputs(pass){
+    if(pass==passwordConfirm.value){
+      page.value++;
+      return toast('Password and Confirm Password are correct.', {
+      
+    type: "success",});
+    }
+    else{
+    return toast('Password and Confirm Password are different',{type: "error",});
+    }
+  }
+  if (isLogged()){
+  disconnect();
+  window.location.reload();}
+
+  
 
 </script>
 
@@ -30,17 +59,17 @@
       <div class='loginBox'>
 
         <div v-if="loginPage">
-          <form @submit.prevent="login(email, password)"class="form">
+          <form @submit.prevent=" login(outputs.email,outputs.password);goBackHome();"class="form">
             <h1 style="color:rgb(239,60,168); font-family: sans-serif;">
               {{i18n("login.guest.signin")}}
             </h1>
             <div class="inputBox">
               <p>ID / {{i18n("login.guest.email")}}</p> 
-              <input type="text" v-model="email">
+              <input type="text" v-model="outputs.email">
             </div>
             <div class="inputBox">
               <p>{{i18n("login.guest.password")}}</p>
-              <input type="password" v-model="password">
+              <input type="password" v-model="outputs.password">
             </div>
             <div class="register">
               <a @click="loginPage=!loginPage">{{i18n("login.guest.register")}}</a>
@@ -52,35 +81,34 @@
         </div>
 
         <div v-else>
-          <form @submit.prevent="register(firstname, surname, birthday, password, mail, address, country, curriculum)" class="form">
+          <form class="form">
             <h1 style="color:rgb(239,60,168); font-family: sans-serif; text-align:center;">
               {{i18n("login.guest.welcome")}}
             </h1>
             <div v-if="page === 0">
               <div class="inputBox">
                 <p>{{i18n("login.guest.surname")}}</p>
-                <input type="text" v-model="surname">
+                <input type="text" v-model="outputs.surname">
               </div>
               <div class="inputBox">
                 <p>{{i18n("login.guest.firstname")}}</p>
-                <input type="text" v-model="firstname">
+                <input type="text" v-model="outputs.firstname">
               </div>
               <div class="inputBox">
                 <p>{{i18n("login.guest.birthday")}}</p>
-                <input type="date" v-model="birthday">
+                <input type="date" v-model="outputs.birthday">
               </div>
               <div class="inputBox">
                  <p>{{i18n("login.guest.password")}}</p>
-                 <input type="password" v-model="password">
+                 <input type="password" v-model="outputs.password">
               </div>
               <div class="inputBox">
                 <p>{{i18n("login.guest.confirm")}} {{i18n("login.guest.password")}}</p>
                  <input type="password" v-model="passwordConfirm">
-				 <!-- TODO: Verify password is same as passwordConfirm -->
               </div>
               
               <div class="switchpage">
-                <button @click="page++">{{i18n("login.guest.nextpage")}}</button>
+                <button @click="verifyInputs(outputs.password);">{{i18n("login.guest.nextpage")}}</button>
 
               </div>
               <div @click="(loginPage=!loginPage) && (page=0)" class="register">
@@ -90,30 +118,31 @@
             <div v-else>
               <div class="inputBox">
                 <p>{{i18n("login.guest.email")}}</p>
-                <input type="mail" v-model="email">
+                <input type="mail" v-model="outputs.email">
               </div>
               <div class="inputBox">
                 <p>{{i18n("login.guest.address")}}</p>
-                <input type="text" v-model="address">
+                <input type="text" v-model="outputs.address">
               </div>
               <div class="inputBox">
                 <p>{{i18n("login.guest.country")}}</p>
-                <input type="text" v-model="country">
+                <input type="text" v-model="outputs.country">
               </div>
               <form novalidate enctype="multipart/form-data" class="inputBox">
-              	<p>ProfilePicture</p> 
+              	<p>{{i18n("profile.picture").toUpperCase()}}</p> 
 				<input type="file" :disabled="imageSaved" @change="ppData = uploadProfilePicture($event.target.files); imageSaved = true;" accept="image/*">
               </form>
               <div class="inputBox">
-                <p>{{i18n("curriculum").toUpperCase()}}</p> 
-                  <select v-model="curriculum">
-                    <option value="Chemistry">Chemistry</option>
-                    <option value="Psycho">Psychology</option>
-                    <option value="IT">IT</option>
+                <p>{{i18n("Curriculum").toUpperCase()}}</p> 
+                  <select v-model="outputs.curriculum">
+                    <option v-for="item in curricula">{{item.curriculumId}}</option>
+                    
                   </select>
               </div>
               <div style="align-self:center;" class="inputBox">
-                <button style="margin-top:25px;" @click="console.log(outputs)">{{i18n("login.guest.submit")}}</button>
+                <button style="margin-top:25px;" @click="register(outputs.firstname, outputs.surname, outputs.birthday, outputs.password, outputs.email, outputs.address, outputs.country, outputs.curriculum, ppData);">
+                  {{i18n("login.guest.submit")}}
+                </button>
               </div>
               <div  class="switchpage">
                 <button @click="page--">{{i18n("login.guest.lastpage")}}</button>
diff --git a/frontend/src/Apps/ManageCourses.vue b/frontend/src/Apps/ManageCourses.vue
index 0a3fe27..475057c 100644
--- a/frontend/src/Apps/ManageCourses.vue
+++ b/frontend/src/Apps/ManageCourses.vue
@@ -1,100 +1,103 @@
 <script setup>
   import i18n from "@/i18n.js"
-  import {ref} from 'vue'
-const curriculum=[
-  {
-  "id": 12,
-  "name": "Math pour l'info",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
-  {
-  "id": 42,
-  "name": "Operating Systems",
-  "credits": 8,
-  "faculty": "science",
-  "teacher": 62,
-  "Assistants": []},
-  {
-  "id": 52,
-  "name": "Fonctionnement des ordinateurs",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 59,
-  "Assistants": []},
+  import {reactive , ref} from 'vue'
+  import { getCourses,deleteCourse,alterCourse,createCourse } from "@/rest/courses.js"
+  import {getUser, getSelf, getTeachers } from "@/rest/Users.js"
+  
+  
+  const self = await getSelf();
 
-  ]
+  const curriculum = ref(await getCourses(self.role));
+  const profList = await getTeachers();
 
-  const profList=[42,45,62,84,59]
 
   const createMod = ref(false)
   const deleteMod = ref(false)
 
-  const editElementID = ref(""); 
+  const editElementID = ref("")
 
   function editItem(id){
     editElementID = id;
   }
 
   //Juste pour montrer le Create Mode
+    
   const pattern = {
+    "title":null,
+    "credits":null,
+    "owner":null,
+  }
 
-  "id": 0,
-  "name": null,
-  "credits": null,
-  "faculty": null,
-  "teacher": null,
-  "Assistants": []}
-
-
+  let toModify = Object.assign({},pattern);
   let toAdd = Object.assign({}, pattern);
 
-  function addToCourse (){
-  if (curriculum.length>0){
-    toAdd.id=(curriculum[curriculum.length-1].id)-1;}
-    else{
-    toAdd.id=0;
-    }
+  async function addToCourse(){
     let isnull= false;
+     
     for(const [key, value] of Object.entries(toAdd)){
+      console.log(toAdd.owner);
       if(value === null){
         isnull=true;
       }
+      
     }
-      if (!isnull){
-      curriculum.push(toAdd);
-      }
-      toAdd= Object.assign({},pattern);
-    } 
+    if (!isnull){
+       await createCourse(toAdd.title,toAdd.credits,toAdd.owner);
+       toAdd= Object.assign({},pattern);
+
+       curriculum.value = await getCourses(self.role);
+
+
+    }}
   
+  function setModify(item){
+     for(const el in profList){
 
-  //Juste pour montrer le Delete Mode
-  let toRemove;
-
-  function removeCourse() {
-  console.log("ok");
-  console.log(toRemove);
-  let rem=-1;
-  for(const [key, value] of Object.entries(curriculum)){
-    console.log(key);
-    console.log(value)
-    if(value.name === toRemove){
-         rem = key;
-        break;
+           if(profList[el].regNo === item.owner.regNo){
+        toModify.owner= profList[el];
       }
-    }
-    console.log(rem)
-  if (rem > -1){
-    curriculum.splice(rem, 1);}
-  console.log(curriculum);
+     }
+     toModify.credits= item.credits;
+     toModify.title= item.title;
   }
 
+
+  async function patchCourse(course){
+    for (let element in toModify){
+        console.log(toModify,1)
+        console.log(toModify[element],2)
+      
+        if (element =="owner" && (toModify[element].regNo != course.owner.regNo)){
+          await alterCourse(course.courseId,{owner:toModify[element].regNo});
+        }
+        else if(element == "title" && (toModify[element] != course.title)){
+         await alterCourse(course.courseId,{title:toModify[element]});
+        }
+        else if(element == "credits" && (parseInt(toModify[element]) != course.credits)){
+         await alterCourse(course.courseId,{credits:parseInt(toModify[element])});
+        }
+    }
+      toModify= Object.assign({},pattern);
+
+      curriculum.value = await getCourses(self.role);
+
+    
+  }
+  //Juste pour montrer le Delete Mode
+  let toRemove = null;
+  
+  async function removeCourse(course) {
+      
+     await deleteCourse(course.courseId)
+    curriculum.value = await getCourses(self.role);
+    toRemove = null;
+}
+
 </script>
 <template>
   <div class="body">
-    <div v-if="!deleteMod && !createMod" class="listTitle buttonGrid">
-      <button class="create" @click="createMod = true">
+    <div v-if="!deleteMod && !createMod && (self.role !== 'Teacher')" class="listTitle buttonGrid">
+      <button class="create" @click="editElementID= '';createMod = true;">
         {{i18n("courses.createCourse")}}
       </button>
       <button class="delete" @click="deleteMod=true" >
@@ -105,22 +108,18 @@ const curriculum=[
       <form class="listElement">
         <div style="margin-bottom:20px;">
          {{i18n("name")}} : 
-        <input v-model="toAdd.name">
+        <input v-model="toAdd.title">
         </div>
         <div style="margin-bottom:20px;">
-          {{i18n("teacher")}} : 
-         <select style="max-width:200px;" class="teacher" v-model="toAdd.teacher">
-          <option v-for="item in profList">{{item}}</option>
+          {{i18n("Teacher")}} : 
+         <select style="max-width:200px;" class="teacher" v-model="toAdd.owner">
+           <option v-for="item in profList" :value="item">{{item.lastName}}</option>
         </select>
         </div>
         <div style="margin-bottom:20px;">
-          {{i18n("credits")}} : 
+          {{i18n("Credits")}} : 
         <input v-model="toAdd.credits">
         </div>
-        <div style="margin-bottom:20px;">
-          {{i18n("faculty")}} : 
-        <input v-model="toAdd.faculty">
-        </div>
       <button class="create" @click="createMod=!createMod; addToCourse();"> {{i18n("courses.confirm")}} </button>
       <button style="float:right;" @click="createMod=!createMod">{{i18n("courses.back")}}</button>
       </form>
@@ -130,43 +129,40 @@ const curriculum=[
         <div style="margin-bottom:20px;">
           {{i18n("courses.toDelete")}} :
          <select style="max-width:200px;" class="teacher" v-model="toRemove">
-          <option v-for="item in curriculum">{{item.name}}</option>
+          <option v-for="item in curriculum" :value='item'>{{item.title}}</option>
           
         </select>
         </div>
-        <div style="margin-bottom:20px;">
-          {{i18n("login.password")}}: 
-        <input >
-        </div>
-        <div style="margin-bottom:20px;">
-          {{i18n("login.cPassword")}} : 
-        <input>
-        </div>
-        <button class="delete" @click="deleteMod=!deleteMod;removeCourse();"> {{i18n("courses.deleteCourse")}} </button>
+        <button class="delete" @click="deleteMod=!deleteMod; removeCourse(toRemove);"> {{i18n("courses.deleteCourse")}} </button>
         <button style="float:right;" @click="deleteMod=!deleteMod"> {{i18n("courses.back")}}</button>
       </form>
     </div>
 
-    <div v-if="!createMod && !deleteMod" v-for="item in curriculum" :key="item.name">
-      <div style ="padding:15px 15px 15px 15px;">
-      <button  v-if="editElementID !== item.name"  @click="editElementID = item.name">
+    <div v-if="!createMod && !deleteMod" v-for="item in curriculum" :key="item.title">
+      <div  v-if="editElementID !== item.title" style ="padding:15px 15px 15px 15px;">
+        <button   @click="editElementID = item.title; setModify(item); ">
         {{i18n("courses.modify")}}
-      </button>
-      <button v-else @click="editElementID= ''"> {{i18n("courses.confirm")}} </button>
+        </button>
+      </div>
+      <div v-else>
+        <button @click="editElementID= '';patchCourse(item)"> {{i18n("courses.confirm")}} </button>
+        <button @click="editElementID= '';"> {{i18n("courses.back")}} </button>
       </div>
       <div  class="listElement" > 
-      <div class="containerElement" v-if="editElementID !== item.name" >
+      <div class="containerElement" v-if="editElementID !== item.title" >
 
-        <div class="name"> {{item.name}} </div>
-        <div class="teacher">{{item.teacher}}</div> 
-        <div class="credits">{{i18n("credits")}}:{{item.credits}}</div>  
+        <div class="name"> {{item.title}} </div>
+        <div class="teacher">{{item.owner.lastName}}</div> 
+        <div class="credits">{{i18n("Credits")}}:{{item.credits}}</div>  
       </div>
       <div class="containerElement"v-else>
-        <input style="max-width:200px;" class="name" v-model="item.name">
-        <select style="max-width:200px;" class="teacher" v-model="item.teacher">
-          <option v-for="item in profList">{{item}}</option>
+        <input style="max-width:200px;" class="name" v-model="toModify.title">
+        <select v-if="self.role === 'Secretary'" style="max-width:200px;" class="teacher" v-model="toModify.owner">
+          <option v-for="(item,index) in profList" :value='item'>{{item.lastName}}</option>
         </select>
-        <input style="max-width:100px;"class="credits" v-model="item.credits">  
+        <div v-else class="teacher">{{item.owner.lastName}}</div> 
+        <input v-if="self.role==='Secretary'"style="max-width:100px;"class="credits" v-model="toModify.credits">  
+        <div v-else class="credits">{{i18n("Credits")}}:{{item.credits}}</div>  
       </div>
     </div>
     </div>
diff --git a/frontend/src/Apps/Profil.vue b/frontend/src/Apps/Profil.vue
index 3a8adf3..3e2eacc 100644
--- a/frontend/src/Apps/Profil.vue
+++ b/frontend/src/Apps/Profil.vue
@@ -1,108 +1,129 @@
 <script setup>
-  import {reactive, ref} from 'vue'
-  import {getUser} from '../rest/Users.js'
+  import {reactive, ref } from 'vue'
+  import {getSelf,alterSelf,disconnect,deleteUser} from '../rest/Users.js'
+  import {getSelfCurriculum, getAllCurriculums} from '../rest/curriculum.js'
+  import {getCourses} from "../rest/courses.js"
   import i18n from "@/i18n.js"
- /* 
-  const user = getUser(); 
-*/
- const user =reactive({
-  profilPicture:"../assets/clyde.png",
-  lastName:"Ghost",
-  firstName:"Clyde",
-  role:"student",
-  address: "Radiator Springs",
-  email:"ClydeGhost@gmail.com",
-  curriculum:[
-  {
-  "id": 12,
-  "name": "Math pour l'info",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
-  {
-  "id": 42,
-  "name": "Fonctionnement des ordinateurs",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
+  import { uploadProfilePicture } from '@/rest/uploads.js'
 
-  ],
-  option:"IT",
-  degree:"BAC1",
-  password:"CeciEstUnMotDePasse123",
-  })
+  const user = ref(await getSelf());
+  const UserCurriculum = ref(""); 
+  const curricula = ref (await getAllCurriculums());
+  if(user.value.role === "Student"){
+    UserCurriculum.value = await getSelfCurriculum();
+  }
+
+  if(user.role === "Teacher"){
+    UserCurriculum.value = await getCourses("Teacher");
+  }
+  const modif = ref(false);
+  const curric = ref(false);
+  const reg = ref(false);
+
+  const pattern = {
+    profilPictureUrl:null,
+    email:null,
+    address:null,
+    password:null,
+  };
   
-  /*
-  Teacher user
-  const user =reactive({
-  profilPicture:"../assets/clyde.png",
-  lastName:"Ghost",
-  firstName:"Clyde",
-  role:"teacher",
-  address: "Radiator Springs",
-  email:"ClydeGhost@gmail.com",
-  coursesOwned:[
-  {  
-  "id": 12,
-  "name": "Math pour l'info",
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
-  { 
-  "id": 42,
-  "name": "Fonctionnement des ordinateurs",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
+  const patternInfos ={
+    email: null,
+    password: null,
+    passwordConfirm:null,
+    id:null,
+  }
 
-  ],
-  faculty:"Science",
-  })*/
+  
+  let toModify= Object.assign({}, pattern);
+  let personnalInfos =  Object.assign({}, patternInfos);
+  
+  function resetInputs(inputs,list){
+    inputs=Object.assign({},list); 
+  }
+  
+  async function ChangeInfos(){
+    for (let element in toModify){
+         if (element =="email" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{email : toModify[element]});
+        }      
 
-const modif = ref(false);
+        if (element =="profilPictureUrl" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{ profilPictureUrl : toModify[element]});
+        }
+        else if(element == "address" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{address : toModify[element]});
+        }
+        else if(element == "password" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{password : toModify[element]});
+        }
+    }
+      toModify= Object.assign({},pattern);
+        user.value = await getSelf()
 
-const toModify = Object.assign({}, user);
+   } 
+  
+  function setModify(item){
+     toModify.address = item.address;
+     toModify.profilPictureUrl = item.profilPictureUrl;
+     toModify.email= item.email;
+     toModify.password= item.password;
+  }
 
+  
+  async function unRegister(){
+   deleteUser(user.value.regNo);
+   disconnect()
+   setTimeout(() => {
+      window.location.href="#/home";
+      }, "500");
+    
+  }
+
+  function getPP(){
+    if(user.value.profilePictureUrl === null){
+      return "/Clyde.png"
+    }
+    return user.profilePictureUrl
+  }
 </script>
 
-
-
 <template>
   <div class="body">
   <div class="container">
     <div class="profilPic">
-      <img class="subContainter" src="../assets/Clyde.png">
+      <img class="subContainter" :src=getPP()>
+
     </div>
       <div class="globalInfos">
-        <div v-if="modif==false" class="infosContainer" >
+        <div v-if="modif==false && curric==false && reg==false " class="infosContainer" >
           <div>
-            {{user.firstName}} {{user.lastName.toUpperCase()}}   
+            {{user.firstName}} {{user.lastName}}   
           </div>
           <div>
             E-mail: {{user.email}}      
           </div>
-          <div v-if="user.role==='student'">
-            {{user.option}} {{i18n(user.role).toUpperCase()}} 
+          <div v-if="user.role==='Student'">
+            {{user.option}} {{i18n(user.role)}} 
           </div>
           <div v-else>
-            {{i18n("faculty")}}: {{user.faculty}} 
-            Role:  {{i18n(user.role).toUpperCase()}} 
+            Role:  {{i18n((user.role))}} 
           </div>
           <div>
-            <button @click="modif=!modif"> {{i18n("profile.modify.data")}} </button>
+            <button @click="modif=!modif; setModify(user)"> {{i18n("profile.modify.data")}} </button>
           </div>
-          <div v-if="(user.role==='student')">
-            <button>{{i18n("profile.reRegister")}}</button>
-            <button style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
+          <div v-if="(user.role==='Student')">
+            <button @click="reg=!reg">{{i18n("profile.reRegister")}}</button>
+            <button @click="unRegister()" style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
+          </div>
+          <div v-if="(user.role==='Student')">
+            <button @click="curric=!curric">{{i18n("profile.change.curriculum")}}</button>
           </div>
         </div>
-        <div v-else class="infosContainer">
+        <div v-else-if="modif" class="infosContainer">
           <div>
             {{i18n("profile.picture")}}:
-            <input type="file">
+            <input type="file" @change="user.profilPicture = uploadProfilePicture($event.target.files);" accept="image/*">
           </div>
           <div>
             E-mail:  
@@ -110,7 +131,42 @@ const toModify = Object.assign({}, user);
           </div>
           <div>
             {{i18n("profile.address")}}:
-            <input type="text" v-model="toModify.address">
+            <input type="text" v-model="toModify.id">
+          </div>
+          <div>
+            {{i18n("login.password")}}:
+            <input type="password" v-model="toModify.password">
+          </div>
+          <div>
+            {{i18n("login.cPassword")}}:
+            <input type="password" v-model="toModify.passwordConfirm">
+          </div>
+          <div>
+            <button @click=" modif=!modif; ChangeInfos();">{{i18n("courses.confirm")}}</button>
+            <button @click="modif=!modif; resetInputs(toModify,pattern);" style="float:right;">{{i18n("courses.back")}}</button>
+          </div>
+        </div>
+        <div v-else-if="curric" class="infosContainer">
+          <div style="height:40px;">
+            {{i18n("Curriculum")}}:  
+            <select v-model="curriculum" >
+              <option v-for="item in curricula" style="font-size:20px;" :value="item">{{item.option}}</option>        
+            </select>
+          </div>
+
+          <div>
+            <button @click=" curric=!curric;">{{i18n("courses.confirm")}}</button>
+            <button @click="curric=!curric; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
+          </div>
+        </div>
+        <div v-else-if="reg" class="infosContainer">
+          <div>
+            E-mail:  
+            <input type="mail" v-model="toModify.email" />
+          </div>
+          <div>
+            ID :
+            <input type="text" v-model="toModify.id">
           </div>
           <div>
             {{i18n("login.password")}}:
@@ -120,22 +176,25 @@ const toModify = Object.assign({}, user);
             {{i18n("login.cPassword")}}:
             <input type="password" id="confirm">
           </div>
+
           <div>
-            <button @click=" modif=!modif">{{i18n("courses.confirm")}}</button>
+            <button @click=" reg=!reg;">{{i18n("courses.confirm")}}</button>
+            <button @click=" reg=!reg; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
           </div>
         </div>
-      </div>
-      <div v-if="modif==false"class="moreInfos">
 
-        <div v-if="(user.role==='student')">
+      </div>
+      
+      <div v-if="modif==false && curric==false && reg==false "class="moreInfos">
+
+        <div v-if="(user.role ==='Student')">
           <div class="listTitle">
             {{i18n("profile.course.list")}}
           </div>
-        <div  class="listElement "
-          v-for="item in user.curriculum">
+          <div  class="listElement" v-for="item in UserCurriculum.courses">
           <div class=" containerElement">
-            <div class="name"> {{item.name}} </div>
-            <div class="teacher">{{item.teacher}}</div> 
+            <div class="name"> {{item.title}} </div>
+            <div class="teacher">{{item.owner.lastName}}</div> 
             <div class="credits">Credits:{{item.credits}}</div>  
           </div>
           </div>
@@ -144,18 +203,6 @@ const toModify = Object.assign({}, user);
         <div>
         </div>
     
-      <div v-if="(user.role==='teacher')">
-          <div class="listTitle">
-            {{i18n("profile.course.list")}}
-          </div>
-          <div class="listElement " v-for="item in user.coursesOwned">
-          {{item.name}}       
-          </div>
-        </div>
-        
-        <div>
-        </div>
-        
       </div>
   </div>
 </div>
@@ -168,7 +215,7 @@ const toModify = Object.assign({}, user);
   grid-template-columns:200px 900px;
   grid-template-rows:200px auto;
   column-gap:30px;
-  row-gap:25px;
+  row-gap:45px;
   grid-template-areas:
   "profilPic globalInfos"
   "minfos minfos";
diff --git a/frontend/src/Apps/Request.vue b/frontend/src/Apps/Request.vue
deleted file mode 100644
index 3e0eec4..0000000
--- a/frontend/src/Apps/Request.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<script setup>
-  import i18n from "@/i18n.js"
-  const props = defineProps({
-  id: Number,
-  type: String,
-  lastName: String,
-  firstName: String,
-  address: String,
-  country: String,
-  birthDate: String,
-  curriculum:String,
-  degree:String,});
-</script>
-
-
-<template>
-  <div class="bodu">
-  <div class="container">
- 
-    <div class="id"><a>{{id}}</a></div>
-    <div class="type"><a>{{type}}</a></div>
-    <div class="surname"><a>{{lastName}}</a></div>
-    <div class="firstname"><a>{{firstName}}</a></div>
-    <div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}   </button></div>
-    <div class="accept"><button style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
-    <div class="refuse"><button style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
-  </div>
-  </div>
-</template>
-
-<style scoped>
-  .container{
-    color:white;
-    height:100px;
-    font-size:20px;
-    display:grid;
-    grid-template-columns:[firstCol-start]100px[firstCol-end secondCol-start]150px[secondCol-end thirdCol-start]200px[thirdCol-end fourthCol-start]150px[fourthCol-end]150px[fifthCol-end]150px[sixthCol-end]150px[endCol];
-    grid-template-areas:
-    "id type surname firstname infos accept refuse"; 
-    column-gap:10px;
-    
-  }
-  
-  .infos {
-    grid-area:infos;
-    align-self:center;
-  }
-
-  .accept{
-    grid-area:accept;
-    align-self:center;
-  }
-
-  .refuse{
-    grid-area:refuse;
-    align-self:center;
-  }
-
-  .titles {
-    grid-area:titles;
-    background-color:rgb(215,215,215);
-  }
-  .id{
-    grid-area:id;
-    margin-left:40px;
-    align-self:center;
-  }
-
-  .type{
-    grid-area:type;
-    align-self:center;
-  }
-
-  .surname{
-    grid-area:surname;
-    align-self:center;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow:ellipsis;
-  }
-
-  .firstname{
-    grid-area:firstname;
-    align-self:center;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow:ellipsis;
-  }
-
-  button{
-    font-size:15px;
-     height:50px;
-     width:100px;
-    border:none;
-    border-radius:20px;
-
-  }
-
-  .bodu {
-    width:100%;
-    margin-bottom:10px;
-    border:2px solid black;
-    border-radius:9px;
-    background-color:rgb(50,50,50);
-  }
-
-
-</style>
-
diff --git a/frontend/src/Apps/StudentsList.vue b/frontend/src/Apps/StudentsList.vue
new file mode 100644
index 0000000..cf4ef0e
--- /dev/null
+++ b/frontend/src/Apps/StudentsList.vue
@@ -0,0 +1,100 @@
+<script setup>
+  import i18n from "@/i18n.js"
+  import { reactive  } from 'vue'
+  import { getStudents } from '../rest/Users.js'
+
+  const users = await getStudents();
+</script> 
+<template>
+  <div v-for="item in users">
+    <div class="bodu">
+      <div class="container">
+        <div class="status"><a style="margin-left:30px">{{item.status}}</a></div>
+        <div class="option"><a>{{item.role}}</a></div>
+        <div class="surname"><a>{{item.lastName}}</a></div>
+        <div class="firstname"><a>{{item.firstName}}</a></div>
+        <div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}   </button></div>
+    </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+  .container{
+    color:white;
+    height:100px;
+    font-size:30px;
+    display:grid;
+    grid-template-columns:250px 250px 250px 250px 150px;
+    grid-template-areas:
+    "status option surname firstname infos"; 
+    column-gap:10px;
+    
+  }
+  
+  .infos {
+    grid-area:infos;
+    align-self:center;
+  }
+
+  .option{
+    grid-area:option;
+    align-self:center;
+  }
+
+  .refuse{
+    grid-area:refuse;
+    align-self:center;
+  }
+
+  .titles {
+    grid-area:titles;
+    background-color:rgb(215,215,215);
+  }
+  .id{
+    grid-area:id;
+    margin-left:40px;
+    align-self:center;
+  }
+
+  .status{
+    grid-area:status;
+    align-self:center;
+  }
+
+  .surname{
+    grid-area:surname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+  }
+
+  .firstname{
+    grid-area:firstname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+  }
+
+  button{
+    font-size:15px;
+     height:50px;
+     width:100px;
+    border:none;
+    border-radius:20px;
+
+  }
+
+  .bodu {
+    width:100%;
+    margin-bottom:10px;
+    border:2px solid black;
+    border-radius:9px;
+    background-color:rgb(50,50,50);
+  }
+
+
+</style>
+
diff --git a/frontend/src/Apps/UsersList.vue b/frontend/src/Apps/UsersList.vue
new file mode 100644
index 0000000..4ba12d3
--- /dev/null
+++ b/frontend/src/Apps/UsersList.vue
@@ -0,0 +1,86 @@
+
+<script setup>
+  import i18n from "@/i18n.js"
+  import { reactive  } from 'vue'
+  import { getAllUsers } from '../rest/Users.js'
+
+  const users = await getAllUsers();
+  
+</script> 
+<template>
+  <div v-for="item in users">
+    <div class="bodu">
+      <div class="container">
+        <div class="role"><a style="margin-left:30px">{{i18n(item.role)}}</a></div>
+        <div class="surname"><a>{{item.lastName}}</a></div>
+        <div class="firstname"><a>{{item.firstName}}</a></div>
+        <div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}   </button></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+  .container{
+    justify-content:center;
+    align-items:center;
+    color:white;
+    height:100px;
+    font-size:30px;
+    display:grid;
+    grid-template-columns:250px 250px 250px 150px;
+    grid-template-areas:
+    "role surname firstname infos"; 
+    column-gap:10px;
+    
+  }
+  
+  .infos {
+
+    grid-area:infos;
+    align-items:center;
+  }
+
+  .role {
+    grid-area:role;
+    align-self:center;
+  }
+
+  .surname{
+    grid-area:surname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+
+  }
+
+  .firstname{
+    grid-area:firstname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+
+  }
+
+  button{
+    font-size:15px;
+     height:50px;
+     width:100px;
+    border:none;
+    border-radius:20px;
+
+  }
+
+  .bodu {
+    width:100%;
+    margin-bottom:10px;
+    border:2px solid black;
+    border-radius:9px;
+    background-color:rgb(50,50,50);
+  }
+
+
+</style>
+
diff --git a/frontend/src/rest/ServiceInscription.js b/frontend/src/rest/ServiceInscription.js
index 1f75123..5489713 100644
--- a/frontend/src/rest/ServiceInscription.js
+++ b/frontend/src/rest/ServiceInscription.js
@@ -33,9 +33,13 @@ export async function getRegisters(id){
 	return restGet("/request/register")
 }
 
+export async function getAllRegisters(){
+  return restGet("/requests/register")
+}
+
 /**
  * Change the state of a requests.
  */
 export async function validateRegister(id, state){
-	return restPatch("/request/register/" + id, {state: state});
+  return restPatch("/request/register/" + id, state);
 }
diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
index 6f5f15d..760bfc7 100644
--- a/frontend/src/rest/Users.js
+++ b/frontend/src/rest/Users.js
@@ -1,4 +1,4 @@
-import { restGet, restPost } from './restConsumer.js'
+import { restGet, restPost, restPatch, restDelete} from './restConsumer.js'
 import { getCookie, setCookie } from '@/utils.js'
 
 export async function login(user, pass, exp){
@@ -26,16 +26,17 @@ export function disconnect(){
  * @param curriculum 
  * @param imageId	id of the image in database returned when uploaded
  */
-export async function register(firstname, lastname, birthDate, password, email, address, country, curriculum, imageId){
+export async function register(firstname, lastname, birthDate, password, email, address, country, curriculumId, imageId){
 	return restPost("/register", {
-		firstname: firstname,
-		lastname: lastname,
+		firstName: firstname,
+		lastName: lastname,
 		birthDate: birthDate,
 		password: password,
 		email: email,
 		address: address,
 		country: country,
-		curriculum: curriculum
+		curriculumId: curriculumId,
+    profilePictureUrl: imageId,
 	});
 }
 
@@ -72,7 +73,7 @@ export async function createUser(firstname, lastname, birthDate, email, address,
  * if the user is not authenticated. then an empty array should be returned
  */
 export async function getUser(id){
-	const endpoint = "/user" + id != null ? "/" + id : "";
+	const endpoint = "/user/" +  id;
 	return restGet(endpoint);
 }
 
@@ -102,7 +103,23 @@ export async function getAllUsers(){
 	return restGet("/users");
 }
 
+/**
+ * Return the list of teachers
+ *
+ * @return a list of teachers
+ * each elements is of the form
+ * - id
+ * - name
+ * - role
+ */
+export async function getTeachers(){
+	return restGet("/teachers")
+}
 
+
+export async function getStudents(){
+  return restGet("/students")
+}
 /**
  * Get informations about yourself
  * - RegNo
@@ -123,6 +140,13 @@ export async function getSelf(){
  * - Adress
  * - Password
  */
-export async function alterSelf(data){
-	return restPatch("/user", data);
+export async function alterSelf(id,data){
+  console.log(data)
+	return restPatch("/user/"+id, data);
+}
+
+
+
+export async function deleteUser(id){
+  return restDelete("/user/" + id)
 }
diff --git a/frontend/src/rest/apps.js b/frontend/src/rest/apps.js
index 7517762..99cbc10 100644
--- a/frontend/src/rest/apps.js
+++ b/frontend/src/rest/apps.js
@@ -6,13 +6,17 @@ import i18n from '@/i18n.js'
 import LoginPage from '@/Apps/Login.vue'
 import Inscription from "@/Apps/Inscription.vue"
 import Profil from "@/Apps/Profil.vue"
-import Courses from "@/Apps/ManageCourses.vue" 
+import Courses from "@/Apps/ManageCourses.vue"
+import Users from "@/Apps/UsersList.vue"
+import Students from "@/Apps/StudentsList.vue"
 
 const apps = {
 		'/login': LoginPage,
 		'/inscription': Inscription,
 		'/profil': Profil,
 		'/manage-courses' : Courses,
+		'/users-list' : Users,
+		'/students-list' : Students,
 }
 
 const appsList = {
@@ -22,6 +26,8 @@ const appsList = {
 		'Schedule': { path: '#/schedule', icon: 'fa-calendar-days', text: i18n("app.schedules") },
 		'Inscription': { path: '#/inscription', icon: 'fa-users', text: i18n("app.inscription.requests") },
 		'ManageCourses': { path: '#/manage-courses', icon: 'fa-book', text: i18n("app.manage.courses") },
+		'StudentsList':{ path: '#/students-list',icon: 'fa-users',text: i18n("app.studentList")},
+		'UsersList':{ path: '#/users-list',icon: 'fa-users',text: i18n("app.users")},
 }
 
 const currentPath = ref(window.location.hash)
diff --git a/frontend/src/rest/courses.js b/frontend/src/rest/courses.js
index 0b98284..2359a7b 100644
--- a/frontend/src/rest/courses.js
+++ b/frontend/src/rest/courses.js
@@ -7,8 +7,10 @@ import { restGet, restPost, restDelete, restPatch } from './restConsumer.js'
 /**
  * Create a new course
  */
-export async function createCourse(name, credits, faculty, teacher, assistants){
-	return restPost("/courses", {name: name, credits: credits, faculty: faculty, teacher: teacher, assistants: assistants} )
+export async function createCourse(name, credits, owner){
+  console.log(owner);
+  
+	return restPost("/course", {title: name, credits: credits, owner} )
 }
 
 /**
@@ -34,6 +36,25 @@ export async function getCourse(id){
 	return restGet("/course/" + id);
 }
 
+/**
+ * Get the list of courses to display on secretary's option
+ *
+ * @return list of courses of the form
+ * - id
+ * - name
+ * - credits
+ * - facutly
+ * - teacher
+ * - Assistants
+ */
+export async function getCourses(role){
+  if(role==="Teacher"){
+  return restGet("/courses/owned")
+  }
+	return restGet("/courses")
+}
+
+
 /**
  * Change the options of a course
  *
diff --git a/frontend/src/rest/curriculum.js b/frontend/src/rest/curriculum.js
index 4aa6d8f..b13c2ed 100644
--- a/frontend/src/rest/curriculum.js
+++ b/frontend/src/rest/curriculum.js
@@ -2,7 +2,7 @@
  * curriculum API
  */
 
-import { restGet, restPostn, restDelete, restPatch } from './restConsumer.js'
+import { restGet, restPost, restDelete, restPatch } from './restConsumer.js'
 
 /**
  * Create a new curriculum (bundle of courses)
@@ -19,6 +19,10 @@ export async function deletecurriculum(id){
 	return restDelete("/curriculum/" + id);
 }
 
+export async function getAllCurriculums(){
+  return restGet("/curriculums");
+}
+
 /**
  * Get informations on a particular curriculum
  *
@@ -39,3 +43,8 @@ export async function getcurriculum(id){
 export async function altercurriculum(id, courses){
 	return restPatch("/curriculum/" + id, courses);
 }
+
+
+export async function getSelfCurriculum(){
+  return restGet("/curriculum");
+}
diff --git a/frontend/src/rest/restConsumer.js b/frontend/src/rest/restConsumer.js
index 9680ac8..2ac4cc3 100644
--- a/frontend/src/rest/restConsumer.js
+++ b/frontend/src/rest/restConsumer.js
@@ -16,8 +16,8 @@ export async function restPostFile(endPoint, file){
 	return await _rest(endPoint, {method: "POST", credentials: 'include', body: file, headers: headers });
 }
 
-export async function restDelete(endPoint, data) {
-	return await _rest(endPoint, {method: "DELETE", credentials: 'include', body: JSON.stringify(data)});
+export async function restDelete(endPoint) {
+	return await _rest(endPoint, {method: "DELETE"});
 }
 
 export async function restPatch(endPoint, data) {