diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index 8e16cfb..87d6b73 100644
--- a/src/app/navbar/navbar.component.html
+++ b/src/app/navbar/navbar.component.html
@@ -23,11 +23,15 @@
             <a routerLink="joins" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Jointures</a>
 
             <a routerLink="createjoins" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Création</a>
+
+            <button (click)="applyResetDatabase()" class="text-white bg-orange-400 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">MAJ BDD</button>
+
           </div>
         </div>
       </div>
       <div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
         <!-- Profile dropdown -->
+
         <div class="relative ml-3">
           <div>
             <button type="button" class="flex rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts
index e42ae58..04c3f17 100644
--- a/src/app/navbar/navbar.component.ts
+++ b/src/app/navbar/navbar.component.ts
@@ -1,4 +1,6 @@
+import { HttpErrorResponse } from '@angular/common/http';
 import { Component } from '@angular/core';
+import { ResetDataService } from '../service/reset_data.service';
 
 @Component({
   selector: 'app-navbar',
@@ -8,7 +10,13 @@ import { Component } from '@angular/core';
 export class NavbarComponent {
   public mobileOpen: boolean = false;
 
+  constructor(private resetDataService: ResetDataService){}
+
   public openMobileMenu(){
     this.mobileOpen = !this.mobileOpen;
   }
+
+  public applyResetDatabase():void {
+    this.resetDataService.resetDatabase().subscribe();
+  }
 }
diff --git a/src/app/service/reset_data.service.ts b/src/app/service/reset_data.service.ts
new file mode 100644
index 0000000..1997bce
--- /dev/null
+++ b/src/app/service/reset_data.service.ts
@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import { environment } from '../../environments/environment.development';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ResetDataService {
+  private apiServerUrl = environment.apiBaseUrl;
+
+  constructor(private http: HttpClient) { }
+
+  public resetDatabase(){
+    return this.http.post<void>(`${this.apiServerUrl}/api/reset`, null);
+  }
+
+}