From 63e74a83033627d11f6124ab47a8172a0a03ff0c Mon Sep 17 00:00:00 2001
From: ExostFlash <exostflash+pcfix@teamflash.fr>
Date: Mon, 31 Mar 2025 19:43:59 +0200
Subject: [PATCH] Add service, move component

---
 src/app/app-routing.module.ts                 | 15 ++---
 src/app/app.module.ts                         | 40 +++++++++---
 src/app/blog/blog.component.html              |  1 -
 src/app/blog/blog.component.ts                | 11 ----
 .../blogs/blogs.component.css}                |  0
 src/app/component/blogs/blogs.component.html  |  1 +
 .../blogs/blogs.component.spec.ts}            | 12 ++--
 src/app/component/blogs/blogs.component.ts    | 11 ++++
 .../contact/contact.component.css             |  0
 .../contact/contact.component.html            |  0
 .../contact/contact.component.spec.ts         |  0
 .../contact/contact.component.ts              |  0
 .../essential}/footer/footer.component.css    |  0
 .../essential}/footer/footer.component.html   |  0
 .../footer/footer.component.spec.ts           |  0
 .../essential}/footer/footer.component.ts     |  0
 .../essential}/nav-bar/nav-bar.component.css  |  0
 .../essential}/nav-bar/nav-bar.component.html | 21 +++----
 .../nav-bar/nav-bar.component.spec.ts         |  0
 .../essential}/nav-bar/nav-bar.component.ts   |  2 +-
 .../home-accueil/home-accueil.component.css}  |  0
 .../home-accueil/home-accueil.component.html  | 10 +++
 .../home-accueil.component.spec.ts            | 23 +++++++
 .../home-accueil/home-accueil.component.ts    | 11 ++++
 .../home-symptoms.component.css}              |  0
 .../home-symptoms.component.html              | 18 ++++++
 .../home-symptoms.component.spec.ts           | 23 +++++++
 .../home-symptoms/home-symptoms.component.ts  | 17 +++++
 src/app/component/home/home.component.css     |  0
 src/app/component/home/home.component.html    |  4 ++
 .../home/home.component.spec.ts               |  0
 .../{ => component}/home/home.component.ts    |  0
 .../component/symptoms/symptoms.component.css |  0
 .../symptoms/symptoms.component.html          |  1 +
 .../symptoms/symptoms.component.spec.ts}      | 12 ++--
 .../component/symptoms/symptoms.component.ts  | 11 ++++
 src/app/home/home.component.html              | 63 -------------------
 .../all/address/address.service.spec.ts       | 16 +++++
 .../service/all/address/address.service.ts    | 19 ++++++
 src/app/service/all/blog/blog.service.spec.ts | 16 +++++
 src/app/service/all/blog/blog.service.ts      | 19 ++++++
 .../all/symptom/symptom.service.spec.ts       | 16 +++++
 .../service/all/symptom/symptom.service.ts    | 19 ++++++
 src/app/service/data.service.spec.ts          | 16 +++++
 src/app/service/data.service.ts               | 29 +++++++++
 src/app/symptome/symptome.component.html      |  1 -
 src/app/symptome/symptome.component.ts        | 11 ----
 tsconfig.json                                 |  6 +-
 48 files changed, 346 insertions(+), 129 deletions(-)
 delete mode 100644 src/app/blog/blog.component.html
 delete mode 100644 src/app/blog/blog.component.ts
 rename src/app/{blog/blog.component.css => component/blogs/blogs.component.css} (100%)
 create mode 100644 src/app/component/blogs/blogs.component.html
 rename src/app/{blog/blog.component.spec.ts => component/blogs/blogs.component.spec.ts} (55%)
 create mode 100644 src/app/component/blogs/blogs.component.ts
 rename src/app/{ => component}/contact/contact.component.css (100%)
 rename src/app/{ => component}/contact/contact.component.html (100%)
 rename src/app/{ => component}/contact/contact.component.spec.ts (100%)
 rename src/app/{ => component}/contact/contact.component.ts (100%)
 rename src/app/{ => component/essential}/footer/footer.component.css (100%)
 rename src/app/{ => component/essential}/footer/footer.component.html (100%)
 rename src/app/{ => component/essential}/footer/footer.component.spec.ts (100%)
 rename src/app/{ => component/essential}/footer/footer.component.ts (100%)
 rename src/app/{ => component/essential}/nav-bar/nav-bar.component.css (100%)
 rename src/app/{ => component/essential}/nav-bar/nav-bar.component.html (53%)
 rename src/app/{ => component/essential}/nav-bar/nav-bar.component.spec.ts (100%)
 rename src/app/{ => component/essential}/nav-bar/nav-bar.component.ts (99%)
 rename src/app/{home/home.component.css => component/home/all/home-accueil/home-accueil.component.css} (100%)
 create mode 100644 src/app/component/home/all/home-accueil/home-accueil.component.html
 create mode 100644 src/app/component/home/all/home-accueil/home-accueil.component.spec.ts
 create mode 100644 src/app/component/home/all/home-accueil/home-accueil.component.ts
 rename src/app/{symptome/symptome.component.css => component/home/all/home-symptoms/home-symptoms.component.css} (100%)
 create mode 100644 src/app/component/home/all/home-symptoms/home-symptoms.component.html
 create mode 100644 src/app/component/home/all/home-symptoms/home-symptoms.component.spec.ts
 create mode 100644 src/app/component/home/all/home-symptoms/home-symptoms.component.ts
 create mode 100644 src/app/component/home/home.component.css
 create mode 100644 src/app/component/home/home.component.html
 rename src/app/{ => component}/home/home.component.spec.ts (100%)
 rename src/app/{ => component}/home/home.component.ts (100%)
 create mode 100644 src/app/component/symptoms/symptoms.component.css
 create mode 100644 src/app/component/symptoms/symptoms.component.html
 rename src/app/{symptome/symptome.component.spec.ts => component/symptoms/symptoms.component.spec.ts} (53%)
 create mode 100644 src/app/component/symptoms/symptoms.component.ts
 delete mode 100644 src/app/home/home.component.html
 create mode 100644 src/app/service/all/address/address.service.spec.ts
 create mode 100644 src/app/service/all/address/address.service.ts
 create mode 100644 src/app/service/all/blog/blog.service.spec.ts
 create mode 100644 src/app/service/all/blog/blog.service.ts
 create mode 100644 src/app/service/all/symptom/symptom.service.spec.ts
 create mode 100644 src/app/service/all/symptom/symptom.service.ts
 create mode 100644 src/app/service/data.service.spec.ts
 create mode 100644 src/app/service/data.service.ts
 delete mode 100644 src/app/symptome/symptome.component.html
 delete mode 100644 src/app/symptome/symptome.component.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index f185c47..53c95df 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,16 +1,17 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { HomeComponent } from './home/home.component';
-import { ContactComponent } from './contact/contact.component';
-import { SymptomeComponent } from './symptome/symptome.component';
-import { BlogComponent } from './blog/blog.component';
+
+import { HomeComponent } from './component/home/home.component';
+import { SymptomsComponent } from './component/symptoms/symptoms.component';
+import { BlogsComponent } from './component/blogs/blogs.component';
+import { ContactComponent } from './component/contact/contact.component';
 
 const routes: Routes = [
   { path: '', component: HomeComponent },
   { path: 'home', component: HomeComponent },
-  { path: 'contacts', component: ContactComponent },
-  { path: 'symptômes', component: SymptomeComponent },
-  { path: 'blog', component: BlogComponent },
+  { path: 'symptoms', component: SymptomsComponent },
+  { path: 'blogs', component: BlogsComponent },
+  { path: 'contact', component: ContactComponent },
 ];
 
 @NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 70b0e22..d878e3d 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,23 +4,43 @@ import { BrowserModule } from '@angular/platform-browser';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NavBarComponent } from './nav-bar/nav-bar.component';
-import { HomeComponent } from './home/home.component';
-import { FooterComponent } from './footer/footer.component';
-import { SymptomeComponent } from './symptome/symptome.component';
-import { ContactComponent } from './contact/contact.component';
-import { BlogComponent } from './blog/blog.component';
+
+/* Essential */
+import { NavBarComponent } from './component/essential/nav-bar/nav-bar.component';
+import { FooterComponent } from './component/essential/footer/footer.component';
+
+/* Home */
+import { HomeComponent } from './component/home/home.component';
+import { HomeAccueilComponent } from './component/home/all/home-accueil/home-accueil.component';
+import { HomeSymptomsComponent } from './component/home/all/home-symptoms/home-symptoms.component';
+
+/* Symptoms */
+import { SymptomsComponent } from './component/symptoms/symptoms.component';
+
+/* Blogs */
+import { BlogsComponent } from './component/blogs/blogs.component';
+
+/* Contact */
+import { ContactComponent } from './component/contact/contact.component';
+
 
 
 @NgModule({
   declarations: [
     AppComponent,
+    /* Essential */
     NavBarComponent,
-    HomeComponent,
     FooterComponent,
-    SymptomeComponent,
-    ContactComponent,
-    BlogComponent
+    /* Home */
+    HomeComponent,
+    HomeAccueilComponent,
+    HomeSymptomsComponent,
+    /* Symptoms */
+    SymptomsComponent,
+    /* Blogs */
+    BlogsComponent,
+    /* Contact */
+    ContactComponent    
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/blog/blog.component.html b/src/app/blog/blog.component.html
deleted file mode 100644
index ff0c151..0000000
--- a/src/app/blog/blog.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>blog works!</p>
diff --git a/src/app/blog/blog.component.ts b/src/app/blog/blog.component.ts
deleted file mode 100644
index 65310b0..0000000
--- a/src/app/blog/blog.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-blog',
-  standalone: false,
-  templateUrl: './blog.component.html',
-  styleUrl: './blog.component.css'
-})
-export class BlogComponent {
-
-}
diff --git a/src/app/blog/blog.component.css b/src/app/component/blogs/blogs.component.css
similarity index 100%
rename from src/app/blog/blog.component.css
rename to src/app/component/blogs/blogs.component.css
diff --git a/src/app/component/blogs/blogs.component.html b/src/app/component/blogs/blogs.component.html
new file mode 100644
index 0000000..11235a6
--- /dev/null
+++ b/src/app/component/blogs/blogs.component.html
@@ -0,0 +1 @@
+<p>blogs works!</p>
diff --git a/src/app/blog/blog.component.spec.ts b/src/app/component/blogs/blogs.component.spec.ts
similarity index 55%
rename from src/app/blog/blog.component.spec.ts
rename to src/app/component/blogs/blogs.component.spec.ts
index ac14310..86eb3a5 100644
--- a/src/app/blog/blog.component.spec.ts
+++ b/src/app/component/blogs/blogs.component.spec.ts
@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { BlogComponent } from './blog.component';
+import { BlogsComponent } from './blogs.component';
 
-describe('BlogComponent', () => {
-  let component: BlogComponent;
-  let fixture: ComponentFixture<BlogComponent>;
+describe('BlogsComponent', () => {
+  let component: BlogsComponent;
+  let fixture: ComponentFixture<BlogsComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [BlogComponent]
+      declarations: [BlogsComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(BlogComponent);
+    fixture = TestBed.createComponent(BlogsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/app/component/blogs/blogs.component.ts b/src/app/component/blogs/blogs.component.ts
new file mode 100644
index 0000000..779af6a
--- /dev/null
+++ b/src/app/component/blogs/blogs.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-blogs',
+  standalone: false,
+  templateUrl: './blogs.component.html',
+  styleUrl: './blogs.component.css'
+})
+export class BlogsComponent {
+
+}
diff --git a/src/app/contact/contact.component.css b/src/app/component/contact/contact.component.css
similarity index 100%
rename from src/app/contact/contact.component.css
rename to src/app/component/contact/contact.component.css
diff --git a/src/app/contact/contact.component.html b/src/app/component/contact/contact.component.html
similarity index 100%
rename from src/app/contact/contact.component.html
rename to src/app/component/contact/contact.component.html
diff --git a/src/app/contact/contact.component.spec.ts b/src/app/component/contact/contact.component.spec.ts
similarity index 100%
rename from src/app/contact/contact.component.spec.ts
rename to src/app/component/contact/contact.component.spec.ts
diff --git a/src/app/contact/contact.component.ts b/src/app/component/contact/contact.component.ts
similarity index 100%
rename from src/app/contact/contact.component.ts
rename to src/app/component/contact/contact.component.ts
diff --git a/src/app/footer/footer.component.css b/src/app/component/essential/footer/footer.component.css
similarity index 100%
rename from src/app/footer/footer.component.css
rename to src/app/component/essential/footer/footer.component.css
diff --git a/src/app/footer/footer.component.html b/src/app/component/essential/footer/footer.component.html
similarity index 100%
rename from src/app/footer/footer.component.html
rename to src/app/component/essential/footer/footer.component.html
diff --git a/src/app/footer/footer.component.spec.ts b/src/app/component/essential/footer/footer.component.spec.ts
similarity index 100%
rename from src/app/footer/footer.component.spec.ts
rename to src/app/component/essential/footer/footer.component.spec.ts
diff --git a/src/app/footer/footer.component.ts b/src/app/component/essential/footer/footer.component.ts
similarity index 100%
rename from src/app/footer/footer.component.ts
rename to src/app/component/essential/footer/footer.component.ts
diff --git a/src/app/nav-bar/nav-bar.component.css b/src/app/component/essential/nav-bar/nav-bar.component.css
similarity index 100%
rename from src/app/nav-bar/nav-bar.component.css
rename to src/app/component/essential/nav-bar/nav-bar.component.css
diff --git a/src/app/nav-bar/nav-bar.component.html b/src/app/component/essential/nav-bar/nav-bar.component.html
similarity index 53%
rename from src/app/nav-bar/nav-bar.component.html
rename to src/app/component/essential/nav-bar/nav-bar.component.html
index b0488a8..08409f1 100644
--- a/src/app/nav-bar/nav-bar.component.html
+++ b/src/app/component/essential/nav-bar/nav-bar.component.html
@@ -8,23 +8,22 @@
         <div class="collapse navbar-collapse" id="navbarNav">
             <ul class="navbar-nav ms-auto">
                 <li class="nav-item">
-                    <a class="nav-link" 
-   routerLink="/" 
-   routerLinkActive="active-link" 
-   [routerLinkActiveOptions]="{ exact: isHomeActiveBool() }"
-   [class.active-link]="isHomeActive()">
-   Accueil
-</a>
-
+                    <a class="nav-link"
+                        routerLink="/"
+                        routerLinkActive="active-link"
+                        [routerLinkActiveOptions]="{ exact: isHomeActiveBool() }"
+                        [class.active-link]="isHomeActive()">
+                        Accueil
+                    </a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" routerLink="/symptômes" routerLinkActive="active-link">Symptômes</a>
+                    <a class="nav-link" routerLink="/symptoms" routerLinkActive="active-link">Symptômes</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" routerLink="/blog" routerLinkActive="active-link">Blog</a>
+                    <a class="nav-link" routerLink="/blogs" routerLinkActive="active-link">Blog</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" routerLink="/contacts" routerLinkActive="active-link">Contacts</a>
+                    <a class="nav-link" routerLink="/contact" routerLinkActive="active-link">Contact</a>
                 </li>
             </ul>
         </div>
diff --git a/src/app/nav-bar/nav-bar.component.spec.ts b/src/app/component/essential/nav-bar/nav-bar.component.spec.ts
similarity index 100%
rename from src/app/nav-bar/nav-bar.component.spec.ts
rename to src/app/component/essential/nav-bar/nav-bar.component.spec.ts
diff --git a/src/app/nav-bar/nav-bar.component.ts b/src/app/component/essential/nav-bar/nav-bar.component.ts
similarity index 99%
rename from src/app/nav-bar/nav-bar.component.ts
rename to src/app/component/essential/nav-bar/nav-bar.component.ts
index a1e7892..b480d74 100644
--- a/src/app/nav-bar/nav-bar.component.ts
+++ b/src/app/component/essential/nav-bar/nav-bar.component.ts
@@ -13,7 +13,7 @@ export class NavBarComponent {
   isHomeActive(): boolean {
     return this.router.url === '/' || this.router.url === '/home';
   }
-
+  
   isHomeActiveBool(): boolean {
     if (this.router.url != '/home') {
       return true
diff --git a/src/app/home/home.component.css b/src/app/component/home/all/home-accueil/home-accueil.component.css
similarity index 100%
rename from src/app/home/home.component.css
rename to src/app/component/home/all/home-accueil/home-accueil.component.css
diff --git a/src/app/component/home/all/home-accueil/home-accueil.component.html b/src/app/component/home/all/home-accueil/home-accueil.component.html
new file mode 100644
index 0000000..bede297
--- /dev/null
+++ b/src/app/component/home/all/home-accueil/home-accueil.component.html
@@ -0,0 +1,10 @@
+<div class="row align-items-center mb-4">
+    <div class="col-md-6 text-center text-md-start">
+        <h2 class="text-primary">Ensemble. Luttons.</h2>
+        <p>Lorem, ipsum dolor, sit amet consectetur adipisicing elit...</p>
+        <button routerLink="/symptoms" class="btn btn-primary">Comment se protéger</button>
+    </div>
+    <div class="col-md-6 text-center">
+        <img src="/assets/illustration.png" alt="Illustration Covid" class="img-fluid">
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/component/home/all/home-accueil/home-accueil.component.spec.ts b/src/app/component/home/all/home-accueil/home-accueil.component.spec.ts
new file mode 100644
index 0000000..fd36295
--- /dev/null
+++ b/src/app/component/home/all/home-accueil/home-accueil.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeAccueilComponent } from './home-accueil.component';
+
+describe('HomeAccueilComponent', () => {
+  let component: HomeAccueilComponent;
+  let fixture: ComponentFixture<HomeAccueilComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [HomeAccueilComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(HomeAccueilComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/component/home/all/home-accueil/home-accueil.component.ts b/src/app/component/home/all/home-accueil/home-accueil.component.ts
new file mode 100644
index 0000000..64792e1
--- /dev/null
+++ b/src/app/component/home/all/home-accueil/home-accueil.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-home-accueil',
+  standalone: false,
+  templateUrl: './home-accueil.component.html',
+  styleUrl: './home-accueil.component.css'
+})
+export class HomeAccueilComponent {
+
+}
diff --git a/src/app/symptome/symptome.component.css b/src/app/component/home/all/home-symptoms/home-symptoms.component.css
similarity index 100%
rename from src/app/symptome/symptome.component.css
rename to src/app/component/home/all/home-symptoms/home-symptoms.component.css
diff --git a/src/app/component/home/all/home-symptoms/home-symptoms.component.html b/src/app/component/home/all/home-symptoms/home-symptoms.component.html
new file mode 100644
index 0000000..775870f
--- /dev/null
+++ b/src/app/component/home/all/home-symptoms/home-symptoms.component.html
@@ -0,0 +1,18 @@
+<div class="text-center mb-4">
+    <h2 class="text-primary">Symptôme du Coronavirus</h2>
+    <p>Lorem, ipsum dolor sit amet consectetur...</p>
+</div>
+
+<div class="row">
+    <div *ngFor="let symptom of symptoms" class="col-md-6 mb-3">
+        <div class="card p-3">
+            <div class="d-flex align-items-center">
+                <img [src]="symptom.imageName" [alt]="symptom.title" class="me-3">
+                <div>
+                    <h5 class="text-primary">{{ symptom.title }}</h5>
+                    <p>{{ symptom.description }}</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/component/home/all/home-symptoms/home-symptoms.component.spec.ts b/src/app/component/home/all/home-symptoms/home-symptoms.component.spec.ts
new file mode 100644
index 0000000..6171b5a
--- /dev/null
+++ b/src/app/component/home/all/home-symptoms/home-symptoms.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeSymptomsComponent } from './home-symptoms.component';
+
+describe('HomeSymptomsComponent', () => {
+  let component: HomeSymptomsComponent;
+  let fixture: ComponentFixture<HomeSymptomsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [HomeSymptomsComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(HomeSymptomsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/component/home/all/home-symptoms/home-symptoms.component.ts b/src/app/component/home/all/home-symptoms/home-symptoms.component.ts
new file mode 100644
index 0000000..e4b0871
--- /dev/null
+++ b/src/app/component/home/all/home-symptoms/home-symptoms.component.ts
@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+import { DataService } from '@services/data.service';
+
+@Component({
+  selector: 'app-home-symptoms',
+  standalone: false,
+  templateUrl: './home-symptoms.component.html',
+  styleUrl: './home-symptoms.component.css'
+})
+export class HomeSymptomsComponent {
+  constructor(private dataService: DataService) {}
+
+  get symptoms() {
+    return this.dataService.getSymptoms();
+  }
+}
diff --git a/src/app/component/home/home.component.css b/src/app/component/home/home.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/component/home/home.component.html b/src/app/component/home/home.component.html
new file mode 100644
index 0000000..0696d1b
--- /dev/null
+++ b/src/app/component/home/home.component.html
@@ -0,0 +1,4 @@
+<div class="container py-5">
+    <app-home-accueil></app-home-accueil>
+    <app-home-symptoms></app-home-symptoms>
+</div>
\ No newline at end of file
diff --git a/src/app/home/home.component.spec.ts b/src/app/component/home/home.component.spec.ts
similarity index 100%
rename from src/app/home/home.component.spec.ts
rename to src/app/component/home/home.component.spec.ts
diff --git a/src/app/home/home.component.ts b/src/app/component/home/home.component.ts
similarity index 100%
rename from src/app/home/home.component.ts
rename to src/app/component/home/home.component.ts
diff --git a/src/app/component/symptoms/symptoms.component.css b/src/app/component/symptoms/symptoms.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/component/symptoms/symptoms.component.html b/src/app/component/symptoms/symptoms.component.html
new file mode 100644
index 0000000..639f503
--- /dev/null
+++ b/src/app/component/symptoms/symptoms.component.html
@@ -0,0 +1 @@
+<p>symptoms works!</p>
diff --git a/src/app/symptome/symptome.component.spec.ts b/src/app/component/symptoms/symptoms.component.spec.ts
similarity index 53%
rename from src/app/symptome/symptome.component.spec.ts
rename to src/app/component/symptoms/symptoms.component.spec.ts
index d1e0d3e..8c0faa0 100644
--- a/src/app/symptome/symptome.component.spec.ts
+++ b/src/app/component/symptoms/symptoms.component.spec.ts
@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { SymptomeComponent } from './symptome.component';
+import { SymptomsComponent } from './symptoms.component';
 
-describe('SymptomeComponent', () => {
-  let component: SymptomeComponent;
-  let fixture: ComponentFixture<SymptomeComponent>;
+describe('SymptomsComponent', () => {
+  let component: SymptomsComponent;
+  let fixture: ComponentFixture<SymptomsComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [SymptomeComponent]
+      declarations: [SymptomsComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(SymptomeComponent);
+    fixture = TestBed.createComponent(SymptomsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/app/component/symptoms/symptoms.component.ts b/src/app/component/symptoms/symptoms.component.ts
new file mode 100644
index 0000000..4edac18
--- /dev/null
+++ b/src/app/component/symptoms/symptoms.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-symptoms',
+  standalone: false,
+  templateUrl: './symptoms.component.html',
+  styleUrl: './symptoms.component.css'
+})
+export class SymptomsComponent {
+
+}
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
deleted file mode 100644
index 559963e..0000000
--- a/src/app/home/home.component.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<div class="container py-5">
-    <div class="row align-items-center mb-4">
-        <div class="col-md-6 text-center text-md-start">
-            <h2 class="text-primary">Ensemble. Luttons.</h2>
-            <p>Lorem, ipsum dolor, sit amet consectetur adipisicing elit...</p>
-            <button routerLink="/symptômes" class="btn btn-primary">Comment se protéger</button>
-        </div>
-        <div class="col-md-6 text-center">
-            <img src="/assets/illustration.png" alt="Illustration Covid" class="img-fluid">
-        </div>
-    </div>
-
-    <div class="text-center mb-4">
-        <h2 class="text-primary">Symptôme du Coronavirus</h2>
-        <p>Lorem, ipsum dolor sit amet consectetur...</p>
-    </div>
-
-    <div class="row">
-        <div class="col-md-6 mb-3">
-            <div class="card p-3">
-                <div class="d-flex align-items-center">
-                    <img src="/assets/fievre.png" alt="Forte fièvre" class="me-3">
-                    <div>
-                        <h5 class="text-primary">Forte fièvre</h5>
-                        <p>Lorem ipsum dolor sit amet...</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="col-md-6 mb-3">
-            <div class="card p-3">
-                <div class="d-flex align-items-center">
-                    <img src="/assets/toux.png" alt="Toux" class="me-3">
-                    <div>
-                        <h5 class="text-primary">Toux</h5>
-                        <p>Lorem ipsum dolor sit amet...</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="col-md-6 mb-3">
-            <div class="card p-3">
-                <div class="d-flex align-items-center">
-                    <img src="/assets/gorge.png" alt="Gorge irritée" class="me-3">
-                    <div>
-                        <h5 class="text-primary">Gorge irritée</h5>
-                        <p>Lorem ipsum dolor sit amet...</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="col-md-6 mb-3">
-            <div class="card p-3">
-                <div class="d-flex align-items-center">
-                    <img src="/assets/migraine.png" alt="Migraine" class="me-3">
-                    <div>
-                        <h5 class="text-primary">Migraine</h5>
-                        <p>Lorem ipsum dolor sit amet...</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
\ No newline at end of file
diff --git a/src/app/service/all/address/address.service.spec.ts b/src/app/service/all/address/address.service.spec.ts
new file mode 100644
index 0000000..f0cd890
--- /dev/null
+++ b/src/app/service/all/address/address.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AddressService } from './address.service';
+
+describe('AddressService', () => {
+  let service: AddressService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AddressService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/service/all/address/address.service.ts b/src/app/service/all/address/address.service.ts
new file mode 100644
index 0000000..615fdb9
--- /dev/null
+++ b/src/app/service/all/address/address.service.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AddressService {
+  constructor() { }
+
+  private addresses = [
+    { title: "Adresse 1", type: "Dépistage", address: "39 Rue Albert 75013 Paris" },
+    { title: "Adresse 2", type: "Vaccination", address: "10 Rue de la Huchette 75005 Paris" },
+    { title: "Adresse 3", type: "Dépistage", address: "29 Rue de Caumartin 75009 Paris" },
+    { title: "Adresse 4", type: "Dépistage & Vaccination", address: "4 Villa Monceau 75017 Paris" }
+  ];
+
+  getAddresses() {
+    return this.addresses;
+  }
+}
diff --git a/src/app/service/all/blog/blog.service.spec.ts b/src/app/service/all/blog/blog.service.spec.ts
new file mode 100644
index 0000000..64866b7
--- /dev/null
+++ b/src/app/service/all/blog/blog.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { BlogService } from './blog.service';
+
+describe('BlogService', () => {
+  let service: BlogService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(BlogService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/service/all/blog/blog.service.ts b/src/app/service/all/blog/blog.service.ts
new file mode 100644
index 0000000..589e94b
--- /dev/null
+++ b/src/app/service/all/blog/blog.service.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class BlogService {
+  constructor() { }
+
+  private blogs = [
+    { title: "Blog 1", date: "2022-03-19", text: "Contenu..." },
+    { title: "Blog 2", date: "2022-12-14", text: "Contenu..." },
+    { title: "Blog 3", date: "2022-05-16", text: "Contenu..." },
+    { title: "Blog 4", date: "2022-05-04", text: "Contenu..." }
+  ];
+
+  getBlogs() {
+    return this.blogs;
+  }
+}
diff --git a/src/app/service/all/symptom/symptom.service.spec.ts b/src/app/service/all/symptom/symptom.service.spec.ts
new file mode 100644
index 0000000..ea676e9
--- /dev/null
+++ b/src/app/service/all/symptom/symptom.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { SymptomService } from './symptom.service';
+
+describe('SymptomService', () => {
+  let service: SymptomService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(SymptomService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/service/all/symptom/symptom.service.ts b/src/app/service/all/symptom/symptom.service.ts
new file mode 100644
index 0000000..52ca34b
--- /dev/null
+++ b/src/app/service/all/symptom/symptom.service.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SymptomService {
+  constructor() { }
+
+  private symptoms = [
+    { title: "Toux", imageName: "/assets/toux.png", description: "Lorem ipsum dolor sit amet..." },
+    { title: "Fièvre", imageName: "/assets/fievre.png", description: "Lorem ipsum dolor sit amet..." },
+    { title: "Migraine", imageName: "/assets/migraine.png", description: "Lorem ipsum dolor sit amet..." },
+    { title: "Mal de gorge", imageName: "/assets/gorge.png", description: "Lorem ipsum dolor sit amet..." }
+  ];
+
+  getSymptoms() {
+    return this.symptoms;
+  }
+}
diff --git a/src/app/service/data.service.spec.ts b/src/app/service/data.service.spec.ts
new file mode 100644
index 0000000..38e8d9e
--- /dev/null
+++ b/src/app/service/data.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DataService } from './data.service';
+
+describe('DataService', () => {
+  let service: DataService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(DataService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/service/data.service.ts b/src/app/service/data.service.ts
new file mode 100644
index 0000000..f35d00a
--- /dev/null
+++ b/src/app/service/data.service.ts
@@ -0,0 +1,29 @@
+import { Injectable } from '@angular/core';
+
+import { SymptomService } from './all/symptom/symptom.service';
+import { BlogService } from './all/blog/blog.service';
+import { AddressService } from './all/address/address.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DataService {
+
+  constructor(
+    private symptomService: SymptomService,
+    private blogService: BlogService,
+    private addressService: AddressService
+  ) {}
+
+  getSymptoms() {
+    return this.symptomService.getSymptoms();
+  }
+
+  getBlogs() {
+    return this.blogService.getBlogs();
+  }
+
+  getAddresses() {
+    return this.addressService.getAddresses();
+  }
+}
diff --git a/src/app/symptome/symptome.component.html b/src/app/symptome/symptome.component.html
deleted file mode 100644
index 1e0558d..0000000
--- a/src/app/symptome/symptome.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>symptome works!</p>
diff --git a/src/app/symptome/symptome.component.ts b/src/app/symptome/symptome.component.ts
deleted file mode 100644
index c8e9850..0000000
--- a/src/app/symptome/symptome.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-symptome',
-  standalone: false,
-  templateUrl: './symptome.component.html',
-  styleUrl: './symptome.component.css'
-})
-export class SymptomeComponent {
-
-}
diff --git a/tsconfig.json b/tsconfig.json
index 5525117..1686a50 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,7 +16,11 @@
     "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
-    "module": "ES2022"
+    "module": "ES2022",
+    "baseUrl": "./src",
+    "paths": {
+      "@services/*": ["app/service/*"]
+    }
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,