diff --git a/old-sae-airwatch/src/app/app.routes.ts b/old-sae-airwatch/src/app/app.routes.ts
index d64d408..ddca926 100644
--- a/old-sae-airwatch/src/app/app.routes.ts
+++ b/old-sae-airwatch/src/app/app.routes.ts
@@ -3,6 +3,7 @@ import {ColorsPage} from './pages/colors-page/colors-page';
 import {AirwatchDemo} from './pages/airwatch-demo/airwatch-demo';
 import {Csc} from './pages/csc/csc';
 import {LayoutDemo} from './pages/layout-demo/layout-demo';
+import {TestingApi} from './pages/testing-api/testing-api';
 
 export const routes: Routes = [
   {
@@ -29,6 +30,10 @@ export const routes: Routes = [
     path: 'airwatch',
     component: AirwatchDemo,
   },
+  {
+    path: 'api-testing',
+    component: TestingApi,
+  },
   {
     path: 'csc',
     component: Csc,
diff --git a/old-sae-airwatch/src/app/pages/testing-api/testing-api.html b/old-sae-airwatch/src/app/pages/testing-api/testing-api.html
new file mode 100644
index 0000000..6230bbf
--- /dev/null
+++ b/old-sae-airwatch/src/app/pages/testing-api/testing-api.html
@@ -0,0 +1,22 @@
+<div id="testingApiLand">
+
+  <h1>Test d'api</h1>
+  <div class="columns">
+    <div class="column">
+      Tester les actions de l'api
+
+      <br>
+      <button class="button">
+        appel de login
+      </button>
+      <br>
+      <button class="button">
+        envoi de message
+      </button>
+      <br>
+      <button class="button">
+        envoi de fichier
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/old-sae-airwatch/src/app/pages/testing-api/testing-api.scss b/old-sae-airwatch/src/app/pages/testing-api/testing-api.scss
new file mode 100644
index 0000000..923527d
--- /dev/null
+++ b/old-sae-airwatch/src/app/pages/testing-api/testing-api.scss
@@ -0,0 +1,27 @@
+#testingApiLand {
+  margin: 50px auto;
+  width: 800px;
+  background: #c2d1dc;
+  padding: 16px;
+}
+
+.button {
+  border: 1px solid #005AA2;
+  color: #005AA2;
+  text-align: center;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 100px;
+  background: white;
+  padding: 16px 40px;
+  border-radius: 10px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  cursor: pointer;
+
+  &:hover {
+    background: #005AA2;
+    color: white;
+  }
+}
diff --git a/old-sae-airwatch/src/app/pages/testing-api/testing-api.spec.ts b/old-sae-airwatch/src/app/pages/testing-api/testing-api.spec.ts
new file mode 100644
index 0000000..01004f4
--- /dev/null
+++ b/old-sae-airwatch/src/app/pages/testing-api/testing-api.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TestingApi } from './testing-api';
+
+describe('TestingApi', () => {
+  let component: TestingApi;
+  let fixture: ComponentFixture<TestingApi>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TestingApi]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TestingApi);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/old-sae-airwatch/src/app/pages/testing-api/testing-api.ts b/old-sae-airwatch/src/app/pages/testing-api/testing-api.ts
new file mode 100644
index 0000000..8cc5bbb
--- /dev/null
+++ b/old-sae-airwatch/src/app/pages/testing-api/testing-api.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-testing-api',
+  imports: [],
+  templateUrl: './testing-api.html',
+  styleUrl: './testing-api.scss'
+})
+export class TestingApi {
+
+}