removed unused components

src/app/app.component.ts

@@ -1,25 +1,21 @@
-import { Component, HostBinding, inject, OnInit, signal } from '@angular/core';
+import { Component, inject, OnInit, } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
-import { HeaderComponent } from './header/header.component';
-import { FooterComponent } from './footer/footer.component';
 import { DarkModeService } from './services/dark-mode.service';
 import { CommonModule } from '@angular/common';
 import { KonamiService } from './services/konami.service';
-import { HealthService } from './health.service';
+import { HeaderComponent } from './header/header.component';
+import { FooterComponent } from './footer/footer.component';
 
 @Component({
     selector: 'app-root',
-    imports: [RouterOutlet, HeaderComponent, FooterComponent, CommonModule],
+    imports: [RouterOutlet, CommonModule, HeaderComponent, FooterComponent],
+    standalone: true,
     templateUrl: './app.component.html',
     styleUrl: './app.component.css'
 })
-export class AppComponent implements OnInit {
+export class AppComponent{
 
   darkModeService: DarkModeService = inject(DarkModeService);
   konamiService: KonamiService = inject(KonamiService);
-  healthService: HealthService = inject(HealthService);
 
-  ngOnInit() {
-    this.healthService.getHealth().subscribe();
-  }
 }

src/app/footer/footer.component.ts

@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-footer',
     imports: [],
+    standalone: true,
     templateUrl: './footer.component.html',
     styleUrl: './footer.component.css'
 })

src/app/header/header.component.ts

@@ -1,11 +1,11 @@
-import { NgIf } from '@angular/common';
-import { ChangeDetectionStrategy, Component, HostBinding, inject, OnInit, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject, } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { DarkModeService } from '../services/dark-mode.service';
 
 @Component({
     selector: 'app-header',
-    imports: [RouterModule, NgIf],
+    imports: [RouterModule],
+    standalone: true,
     templateUrl: './header.component.html',
     styleUrl: './header.component.css',
     changeDetection: ChangeDetectionStrategy.OnPush

src/app/home/home.component.ts

@@ -1,11 +1,10 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { HeaderComponent } from '../header/header.component';
-import { FooterComponent } from '../footer/footer.component';
 import { RouterModule } from '@angular/router';
 
 @Component({
     selector: 'app-home',
-    imports: [HeaderComponent, FooterComponent, RouterModule],
+    imports: [RouterModule],
+    standalone: true,
     templateUrl: './home.component.html',
     styleUrl: './home.component.css',
     changeDetection: ChangeDetectionStrategy.OnPush

src/app/projects/projects.component.ts

@@ -2,11 +2,12 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 import { HeaderComponent } from '../header/header.component';
 import { FooterComponent } from '../footer/footer.component';
 import { ExperienceService } from '../experience.service';
-import { NgFor, NgOptimizedImage } from '@angular/common';
+import { NgFor, NgForOf, NgOptimizedImage } from '@angular/common';
 
 @Component({
     selector: 'app-projects',
-    imports: [HeaderComponent, FooterComponent, NgFor, NgOptimizedImage],
+    standalone: true,
+    imports: [NgOptimizedImage],
     templateUrl: './projects.component.html',
     styleUrl: './projects.component.css',
     changeDetection: ChangeDetectionStrategy.OnPush

src/app/resume/resume.component.ts

@@ -1,14 +1,13 @@
 import { NgFor } from '@angular/common';
 import { Component } from '@angular/core';
-import { FooterComponent } from '../footer/footer.component';
-import { HeaderComponent } from '../header/header.component';
 import { ExperienceService } from '../experience.service';
 
 @Component({
     selector: 'app-resume',
-    imports: [HeaderComponent, FooterComponent, NgFor],
     templateUrl: './resume.component.html',
-    styleUrl: './resume.component.css'
+    styleUrl: './resume.component.css',
+    standalone: true,
+    imports: [NgFor]
 })
 export class ResumeComponent {