Refactoring types / interface in dedicated models

src/app/features/about-display/neural-profile-tree/neural-profile-tree.component.ts

@@ -1,16 +1,6 @@
 import { Component, input, signal, computed } from '@angular/core';
 import { CommonModule } from '@angular/common';
-
+import { type NeuralProfileNode } from '../../../shared/models/about.model';
-export interface NeuralProfileNode {
-  id: string;
-  title: string;
-  isExpanded: boolean;
-  isSelected: boolean;
-  children?: NeuralProfileNode[];
-  level: number;
-  hasChildren: boolean;
-  visible: boolean;
-}
 
 @Component({
   selector: 'app-neural-profile-tree',

src/app/features/header-display/header-text-animate-section/header-text-animate-section.component.ts

@@ -16,14 +16,7 @@ import {
   transition,
   animate,
 } from '@angular/animations';
-
+import { type TextItem } from '../../../shared/models/header.model';
-interface TextItem {
-  readonly id: number;
-  readonly text: string;
-  readonly displayed: string;
-  readonly isTyping: boolean;
-  readonly isComplete: boolean;
-}
 
 // Constants for better maintainability
 const TYPING_DELAYS = {

src/app/features/project-display/components/project-card/project-card.component.ts

@@ -8,27 +8,7 @@ import {
   ElementRef,
 } from '@angular/core';
 
-export interface Project {
+import { type Project } from '../../../../shared/models/project.model';
-  id: string;
-  title: string;
-  status: string;
-  classification: string;
-  objective: string;
-  statusDescription: string;
-  techStack: string[];
-  demoUrl?: string;
-  codeUrl?: string;
-  isRedacted: boolean;
-  caseStudy?: {
-    title: string;
-    sections: CaseStudySection[];
-  };
-}
-
-export interface CaseStudySection {
-  title: string;
-  content: string;
-}
 
 @Component({
   selector: 'app-project-card',

src/app/features/project-display/components/projects-list/projects-list.component.ts

@@ -1,11 +1,8 @@
 // project-list.component.ts
 import { Component, signal, computed, effect, OnInit } from '@angular/core';
-import {
+import { ProjectCardComponent } from '../project-card/project-card.component';
-  ProjectCardComponent,
-  Project,
-  CaseStudySection,
-} from '../project-card/project-card.component';
 import { SectionTitleComponent } from '../../../../shared/ui/section-title/section-title.component';
+import { type Project } from '../../../../shared/models/project.model';
 
 @Component({
   selector: 'app-project-list',

src/app/shared/models/about.model.ts

@@ -0,0 +1,12 @@
+type NeuralProfileNode = {
+  id: string;
+  title: string;
+  isExpanded: boolean;
+  isSelected: boolean;
+  children?: NeuralProfileNode[];
+  level: number;
+  hasChildren: boolean;
+  visible: boolean;
+};
+
+export type { NeuralProfileNode };

src/app/shared/models/header.model.ts

@@ -0,0 +1,9 @@
+type TextItem = {
+  readonly id: number;
+  readonly text: string;
+  readonly displayed: string;
+  readonly isTyping: boolean;
+  readonly isComplete: boolean;
+};
+
+export { type TextItem };

src/app/shared/models/project.model.ts

@@ -0,0 +1,23 @@
+type Project = {
+  id: string;
+  title: string;
+  status: string;
+  classification: string;
+  objective: string;
+  statusDescription: string;
+  techStack: string[];
+  demoUrl?: string;
+  codeUrl?: string;
+  isRedacted: boolean;
+  caseStudy?: {
+    title: string;
+    sections: CaseStudySection[];
+  };
+};
+
+type CaseStudySection = {
+  title: string;
+  content: string;
+};
+
+export { type Project, type CaseStudySection };

src/app/shared/ui/section-title/section-title.component.ts

@@ -64,6 +64,7 @@ export class SectionTitleComponent implements OnInit, OnDestroy {
         const timeoutId = setTimeout(() => {
           revealedLetters[i] = true;
         }, i * letterDelay);
+        // @ts-ignore
         this.timeoutIds.push(timeoutId);
       } else {
         revealedLetters[i] = true; // Spaces are always "revealed"