diff --git a/frontend/src/app/forms/edit-form/edit-form.html b/frontend/src/app/forms/edit-form/edit-form.html
new file mode 100644
index 0000000..d229b21
--- /dev/null
+++ b/frontend/src/app/forms/edit-form/edit-form.html
@@ -0,0 +1 @@
+<p>edit-form works!</p>
diff --git a/frontend/src/app/forms/edit-form/edit-form.scss b/frontend/src/app/forms/edit-form/edit-form.scss
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/forms/edit-form/edit-form.spec.ts b/frontend/src/app/forms/edit-form/edit-form.spec.ts
new file mode 100644
index 0000000..85be311
--- /dev/null
+++ b/frontend/src/app/forms/edit-form/edit-form.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EditForm } from './edit-form';
+
+describe('EditForm', () => {
+  let component: EditForm;
+  let fixture: ComponentFixture<EditForm>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EditForm]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(EditForm);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/forms/edit-form/edit-form.ts b/frontend/src/app/forms/edit-form/edit-form.ts
new file mode 100644
index 0000000..670ed6b
--- /dev/null
+++ b/frontend/src/app/forms/edit-form/edit-form.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-edit-form',
+  imports: [],
+  templateUrl: './edit-form.html',
+  styleUrl: './edit-form.scss'
+})
+export class EditForm {
+
+}
diff --git a/frontend/src/app/forms/osm/osm.html b/frontend/src/app/forms/osm/osm.html
new file mode 100644
index 0000000..199c0f0
--- /dev/null
+++ b/frontend/src/app/forms/osm/osm.html
@@ -0,0 +1 @@
+<p>osm works!</p>
diff --git a/frontend/src/app/forms/osm/osm.scss b/frontend/src/app/forms/osm/osm.scss
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/forms/osm/osm.spec.ts b/frontend/src/app/forms/osm/osm.spec.ts
new file mode 100644
index 0000000..dfd22a8
--- /dev/null
+++ b/frontend/src/app/forms/osm/osm.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Osm } from './osm';
+
+describe('Osm', () => {
+  let component: Osm;
+  let fixture: ComponentFixture<Osm>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Osm]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Osm);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/forms/osm/osm.ts b/frontend/src/app/forms/osm/osm.ts
new file mode 100644
index 0000000..9d27557
--- /dev/null
+++ b/frontend/src/app/forms/osm/osm.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-osm',
+  imports: [],
+  templateUrl: './osm.html',
+  styleUrl: './osm.scss'
+})
+export class Osm {
+
+}
diff --git a/frontend/src/app/maps/all-events/all-events.html b/frontend/src/app/maps/all-events/all-events.html
new file mode 100644
index 0000000..b4c39ac
--- /dev/null
+++ b/frontend/src/app/maps/all-events/all-events.html
@@ -0,0 +1 @@
+<p>all-events works!</p>
diff --git a/frontend/src/app/maps/all-events/all-events.scss b/frontend/src/app/maps/all-events/all-events.scss
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/maps/all-events/all-events.spec.ts b/frontend/src/app/maps/all-events/all-events.spec.ts
new file mode 100644
index 0000000..e0ce295
--- /dev/null
+++ b/frontend/src/app/maps/all-events/all-events.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AllEvents } from './all-events';
+
+describe('AllEvents', () => {
+  let component: AllEvents;
+  let fixture: ComponentFixture<AllEvents>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AllEvents]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AllEvents);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/maps/all-events/all-events.ts b/frontend/src/app/maps/all-events/all-events.ts
new file mode 100644
index 0000000..6aa689d
--- /dev/null
+++ b/frontend/src/app/maps/all-events/all-events.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-all-events',
+  imports: [],
+  templateUrl: './all-events.html',
+  styleUrl: './all-events.scss'
+})
+export class AllEvents {
+
+}
diff --git a/frontend/src/app/pages/home/home.ts b/frontend/src/app/pages/home/home.ts
index 77195bf..8e7d855 100644
--- a/frontend/src/app/pages/home/home.ts
+++ b/frontend/src/app/pages/home/home.ts
@@ -1,5 +1,6 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import {Menu} from './menu/menu';
+import { OedbApi } from '../../services/oedb-api';
 
 @Component({
   selector: 'app-home',
@@ -10,4 +11,12 @@ import {Menu} from './menu/menu';
   styleUrl: './home.scss'
 })
 export class Home {
+
+  OedbApi = inject(OedbApi);
+
+  constructor() {
+    this.OedbApi.getEvents({}).subscribe((events) => {
+      console.log(events);
+    });
+  }
 }
diff --git a/frontend/src/app/pages/home/menu/menu.html b/frontend/src/app/pages/home/menu/menu.html
index 77cd4bb..c7611ff 100644
--- a/frontend/src/app/pages/home/menu/menu.html
+++ b/frontend/src/app/pages/home/menu/menu.html
@@ -9,8 +9,6 @@
       <input type="text" value="" placeholder="Rechercher une catégorie d'évènement">
     </div>
     <div id="what_categories">
-
-
       @for (oedbc of oedb_what_categories; track $index) {
         <div class="category">
           <div class="emoji">
@@ -63,8 +61,24 @@
     <ul>
       <li></li>
     </ul>
-    (bouton pour exporter)
+  </div>
+  <div id="actions">
+
+    (actions)
     <button class="button">exporter</button>
+    <button class="button">envoyer</button>
+    <button class="button">créer</button>
+    <button class="button">supprimer</button>
+    <button class="button">oui, toujours là</button>
+    <button class="button">non plus là</button>
+    <button class="button">pouet pouet!</button>
+  </div>
+  <div id="user_infos">
+    login OSM:
+    <a href="https://www.openstreetmap.org/user/tykayn">tykayn</a>
+    <br>
+    points de l'utilisateur:
+    12 points.
   </div>
 
 </menu>
diff --git a/frontend/src/app/services/oedb-api.spec.ts b/frontend/src/app/services/oedb-api.spec.ts
new file mode 100644
index 0000000..1b27c58
--- /dev/null
+++ b/frontend/src/app/services/oedb-api.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { OedbApi } from './oedb-api';
+
+describe('OedbApi', () => {
+  let service: OedbApi;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(OedbApi);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/services/oedb-api.ts b/frontend/src/app/services/oedb-api.ts
new file mode 100644
index 0000000..78d92aa
--- /dev/null
+++ b/frontend/src/app/services/oedb-api.ts
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class OedbApi {
+  private baseUrl = 'https://api.openeventdatabase.org';
+
+  constructor(private http: HttpClient) {
+  }
+
+  getEvents(params: any) {
+    return this.http.get(`${this.baseUrl}/event`, { params });
+  }
+}
diff --git a/frontend/src/app/services/osm-auth.spec.ts b/frontend/src/app/services/osm-auth.spec.ts
new file mode 100644
index 0000000..136d935
--- /dev/null
+++ b/frontend/src/app/services/osm-auth.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { OsmAuth } from '../osm-auth';
+
+describe('OsmAuth', () => {
+  let service: OsmAuth;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(OsmAuth);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/services/osm-auth.ts b/frontend/src/app/services/osm-auth.ts
new file mode 100644
index 0000000..764682d
--- /dev/null
+++ b/frontend/src/app/services/osm-auth.ts
@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class OsmAuth {
+  
+}