Implements Lazy Loading

src/app/app-router.module.ts

@@ -1,9 +1,8 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, Routes } from '@angular/router';
-import { HomeComponent } from './home/home.component';
 import { CallbackComponent } from './header/header-popup/callback/callback.component';
-import {ProjectsComponent} from "./projects/projects.component";
+
 
 const routes: Routes = [
     {
@@ -13,11 +12,11 @@ const routes: Routes = [
     },
     {
         path: 'home',
-        component: HomeComponent,
+        loadChildren: () => import('./home/home.module').then(mod => mod.HomeModule),
     },
     {
         path: 'projects',
-        component: ProjectsComponent,
+        loadChildren: () => import('./projects/projects.module').then(mod => mod.ProjectsModule),
     },
     {
         path: 'callback',

src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { AuthService } from './shared/auth/auth.service';
+import { AuthService } from './shared/service/auth.service';
 import { UpdateService } from './shared/service-worker/update.service';
 import {
     NgcCookieConsentService,

src/app/app.module.ts

@@ -10,16 +10,12 @@ import { AppServiceWorkerModule } from './app-service-worker.module';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { environment } from '../environments/environment';
 import { FooterComponent } from './footer/footer.component';
-import {HomeModule} from "./home/home.module";
-import {ProjectsModule} from "./projects/projects.module";
 
 @NgModule({
     declarations: [AppComponent, FooterComponent],
     imports: [
         BrowserModule,
         HeaderModule,
-        HomeModule,
-        ProjectsModule,
         AppRouterModule,
         AppServiceWorkerModule,
         SharedModule,

src/app/header/header-dropdown/header-dropdown.component.ts

@@ -22,7 +22,7 @@ import {
     faUser,
 } from '@fortawesome/free-solid-svg-icons';
 import { Subscription } from 'rxjs';
-import { AuthService } from 'src/app/shared/auth/auth.service';
+import { AuthService } from 'src/app/shared/service/auth.service';
 import { User } from '../../shared/model/user/user.model';
 import UserChecker from '../../shared/model/user/user.checker';
 import { HelpComponent } from '../header-popup/help/help.component';

src/app/header/header-popup/callback/callback.component.ts

@@ -1,6 +1,6 @@
 import { ActivatedRoute, Router } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
-import { AuthService } from 'src/app/shared/auth/auth.service';
+import { AuthService } from 'src/app/shared/service/auth.service';
 
 @Component({
     selector: 'app-callback',

src/app/header/header-popup/login/login.component.ts

@@ -13,7 +13,7 @@ import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
 import { faLock, faUser } from '@fortawesome/free-solid-svg-icons';
 import { Subscription } from 'rxjs';
-import { AuthService } from 'src/app/shared/auth/auth.service';
+import { AuthService } from 'src/app/shared/service/auth.service';
 import { HttpError } from 'src/app/shared/model/httpError/httpError.model';
 import HttpErrorChecker from 'src/app/shared/model/httpError/httpErrorChecker';
 import UserChecker from 'src/app/shared/model/user/user.checker';

src/app/header/header-popup/my-profile/my-profile.component.ts

@@ -6,7 +6,7 @@ import {
     OnInit,
     Output,
 } from '@angular/core';
-import { AuthService } from '../../../shared/auth/auth.service';
+import { AuthService } from '../../../shared/service/auth.service';
 import { User } from '../../../shared/model/user/user.model';
 import {
     animate,

src/app/header/header-popup/my-profile/profile-picture-picker/profile-picture-picker.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Output } from '@angular/core';
-import { AuthService } from '../../../../shared/auth/auth.service';
+import { AuthService } from '../../../../shared/service/auth.service';
 
 @Component({
     selector: 'app-profile-picture-picker',

src/app/header/header-popup/signup/signup.component.ts

@@ -9,7 +9,7 @@ import {
     faUser,
 } from '@fortawesome/free-solid-svg-icons';
 import { Subscription } from 'rxjs';
-import { AuthService } from 'src/app/shared/auth/auth.service';
+import { AuthService } from 'src/app/shared/service/auth.service';
 import { HttpError } from 'src/app/shared/model/httpError/httpError.model';
 import HttpErrorChecker from 'src/app/shared/model/httpError/httpErrorChecker';
 import UserChecker from 'src/app/shared/model/user/user.checker';

src/app/header/header-slider/nav-slider/nav-slider.component.ts

@@ -10,7 +10,7 @@ import { faUser } from '@fortawesome/free-solid-svg-icons';
 import { SliderItemComponent } from 'src/app/shared/components/slider-item/slider-item.component';
 import UserChecker from '../../../shared/model/user/user.checker';
 import { User } from '../../../shared/model/user/user.model';
-import { AuthService } from '../../../shared/auth/auth.service';
+import { AuthService } from '../../../shared/service/auth.service';
 import { Subscription } from 'rxjs';
 
 @Component({

src/app/header/header-slider/user-slider/user-slider.component.ts

@@ -1,6 +1,6 @@
 import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { AuthService } from 'src/app/shared/auth/auth.service';
+import { AuthService } from 'src/app/shared/service/auth.service';
 import { SliderItemComponent } from 'src/app/shared/components/slider-item/slider-item.component';
 import UserChecker from 'src/app/shared/model/user/user.checker';
 import { User } from 'src/app/shared/model/user/user.model';

src/app/header/header.component.ts

@@ -10,7 +10,7 @@ import {
 import { faUser } from '@fortawesome/free-solid-svg-icons';
 import { LoginComponent } from './header-popup/login/login.component';
 import { SignupComponent } from './header-popup/signup/signup.component';
-import { AuthService } from '../shared/auth/auth.service';
+import { AuthService } from '../shared/service/auth.service';
 import UserChecker from '../shared/model/user/user.checker';
 import { User } from '../shared/model/user/user.model';
 import { Subscription } from 'rxjs';

src/app/home/home-router.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule, Routes } from '@angular/router';
+import {HomeComponent} from "./home.component";
+
+const routes: Routes = [
+    {
+        path: '',
+        component: HomeComponent,
+    },
+];
+
+@NgModule({
+    declarations: [],
+    imports: [CommonModule, RouterModule.forChild(routes)],
+    exports: [RouterModule],
+})
+export class HomeRouterModule {}

src/app/home/home.module.ts

@@ -4,6 +4,7 @@ import {HomeComponent} from "./home.component";
 import {StackSliderComponent} from "./stack-slider/stack-slider.component";
 import {StackCardComponent} from "./stack-slider/stack-card/stack-card.component";
 import {NgxGlideComponent} from "ngx-glide";
+import {HomeRouterModule} from "./home-router.module";
 
 
 
@@ -16,7 +17,8 @@ import {NgxGlideComponent} from "ngx-glide";
     imports: [
         CommonModule,
         NgxGlideComponent,
-        NgOptimizedImage
+        NgOptimizedImage,
+        HomeRouterModule
     ]
 })
 export class HomeModule { }

src/app/projects/project-card/project-card.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ProjectCardComponent } from './project-card.component';
-
-describe('ProjectCardComponent', () => {
-  let component: ProjectCardComponent;
-  let fixture: ComponentFixture<ProjectCardComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [ProjectCardComponent]
-    });
-    fixture = TestBed.createComponent(ProjectCardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/projects/project-card/project-card.component.ts

@@ -1,9 +1,7 @@
 import {Component, HostListener, Input, OnInit, ViewChild} from '@angular/core';
-import { faCodeFork, faEye, faStar } from '@fortawesome/free-solid-svg-icons';
+import {faCodeFork, faEye, faScaleBalanced, faStar} from '@fortawesome/free-solid-svg-icons';
 import {Language, Project} from "../../shared/model/project/project.model";
-import {faScaleBalanced} from "@fortawesome/free-solid-svg-icons/faScaleBalanced";
 import {
-    ApexAnnotations,
     ApexChart, ApexDataLabels,
     ApexNonAxisChartSeries,
     ApexPlotOptions,

src/app/projects/projects-router.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule, Routes } from '@angular/router';
+import {ProjectsComponent} from "./projects.component";
+
+const routes: Routes = [
+    {
+        path: '',
+        component: ProjectsComponent
+    },
+];
+
+@NgModule({
+    declarations: [],
+    imports: [CommonModule, RouterModule.forChild(routes)],
+    exports: [RouterModule],
+})
+export class ProjectsRouterModule {}

src/app/projects/projects.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ProjectsComponent } from './projects.component';
-
-describe('ProjectsComponent', () => {
-  let component: ProjectsComponent;
-  let fixture: ComponentFixture<ProjectsComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [ProjectsComponent]
-    });
-    fixture = TestBed.createComponent(ProjectsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/projects/projects.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {GithubService} from "../shared/github-service/github.service";
+import {GithubService} from "../shared/service/github.service";
 import {Project} from "../shared/model/project/project.model";
 
 @Component({

src/app/projects/projects.module.ts

@@ -5,6 +5,7 @@ import { ProjectCardComponent } from './project-card/project-card.component';
 import {MatIconModule} from "@angular/material/icon";
 import {FontAwesomeModule} from "@fortawesome/angular-fontawesome";
 import {NgApexchartsModule} from "ng-apexcharts";
+import {ProjectsRouterModule} from "./projects-router.module";
 
 @NgModule({
     declarations: [
@@ -16,7 +17,8 @@ import {NgApexchartsModule} from "ng-apexcharts";
         NgOptimizedImage,
         MatIconModule,
         FontAwesomeModule,
-        NgApexchartsModule
+        NgApexchartsModule,
+        ProjectsRouterModule
     ],
     exports: []
 })

src/app/shared/github-service/github.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { GithubServiceService } from './github.service';
-
-describe('GithubServiceService', () => {
-    let service: GithubServiceService;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({});
-        service = TestBed.inject(GithubServiceService);
-    });
-
-    it('should be created', () => {
-        expect(service).toBeTruthy();
-    });
-});