diff --git a/src/services/project.service.ts b/src/services/project.service.ts
index aba1862..505ae54 100644
--- a/src/services/project.service.ts
+++ b/src/services/project.service.ts
@@ -8,4 +8,13 @@ export class ProjectService extends BaseService {
   public getProjects(): Observable<Project[]> {
     return this.get<Project[]>("project");
   }
+
+  public addProject(name: string): Observable<Project> {
+    let body: Project = {
+      name_project: name,
+      id_project: 0
+    }
+
+    return this.post<Project>("project/add", body);
+  }
 }
diff --git a/src/view/pages/home/home.component.html b/src/view/pages/home/home.component.html
index d26d23d..ede63fb 100644
--- a/src/view/pages/home/home.component.html
+++ b/src/view/pages/home/home.component.html
@@ -67,6 +67,17 @@
       {{ project.name_project }}
     </p>
   }
+
+  <button (click)="toggleProjectForm()">Ajouter un projet</button>
+
+  @if (showProjectForm){
+    <form [formGroup]="newProjectForm" (ngSubmit)="submitProject()">
+      <label for="name-project">Nom </label>
+      <input id="name-project" type="text" formControlName="name" />
+
+      <button type="submit" [disabled]="!newProjectForm.valid">Valider</button>
+    </form>
+  }
 </div>
 
 <router-outlet />
diff --git a/src/view/pages/home/home.component.ts b/src/view/pages/home/home.component.ts
index 56b21e5..ff8a5b3 100644
--- a/src/view/pages/home/home.component.ts
+++ b/src/view/pages/home/home.component.ts
@@ -39,6 +39,13 @@ export class Home {
   });
 
   showGroupForm: boolean = false;
+
+  newProjectForm = new FormGroup({
+    name: new FormControl('', Validators.required),
+  });
+
+  showProjectForm: boolean = false;
+
   //#endregion
 
   public ngOnInit(): void {
@@ -92,4 +99,20 @@ export class Home {
     });
   }
 
+  public toggleProjectForm(): void {
+    this.showProjectForm = !this.showProjectForm;
+  }
+
+  /**
+   * submitProject
+   */
+  public submitProject() {
+    let response: Observable<Project> = this.projectService.addProject(this.newProjectForm.controls.name.value!);
+
+    response.subscribe(response => {
+      this.projects.update(values => {
+        return [...values, response];
+      });
+    });
+  }
 }