add constant app name from enivoment

src/app/app.component.ts

 import { AfterViewInit, Component } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
+import { ConfigurationService } from './core/services/configuration/configuration.service';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  templateUrl: './app.component.html'
 })
 export class AppComponent {
-  title ="PSManagement";
-  
-  constructor() {
+
+  title =ConfigurationService.AppName;
   
-  }
+
+  //#region  Application Costrucotr
+  constructor(private config : ConfigurationService) {  }
+  //#endregion  Application Costrucotr
 }
 

src/app/app.config.ts

-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
-
-import { routes } from './app-routing.module';
-
-// export const appConfig: ApplicationConfig = {
-//   providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)]
-// };

src/app/core/services/configuration/configuration.service.spec.ts

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

src/app/core/services/configuration/configuration.service.ts

@@ -6,11 +6,36 @@ import { environment } from '../../../../environments/environment';
   providedIn: 'root'
 })
 export class ConfigurationService {
-  private  baseUrl = environment.serverUrl ;
 
+  //#region  Constants 
+  
+  // application  name 
+  public static AppName=environment.applicationName;
+  
+  //#endregion Constatns
+
+
+  //#region  Dependencies
+  private  baseUrl = environment.serverUrl ;
+  //#endregion  Dependencies
+  
+  
+  //#region  Constructors
   constructor() { }
+  //#endregion  Constructors
 
+  //#region  App name Accessor 
+  
+  public getAppName(){
+
+    return ConfigurationService.AppName;
+
+  }
+  //#endregion  App name Accessor 
+  
+  //#region  Server URL Accessor
   public getServerUrl(){
     return this.baseUrl ;
   }
+  //#endregion  Server URL Accessor
 }

src/environments/environment.ts

@@ -5,6 +5,8 @@
 export const environment = {
   production: false,
   serverUrl: 'https://localhost:5001/api',
+  applicationName:'نظام إدارة حالة المشاريع'
+
 };
 
 /*