diff --git a/interactive-mining-angular-frontend/package.json b/interactive-mining-angular-frontend/package.json
index dd2ada8..8a3d5d1 100755
--- a/interactive-mining-angular-frontend/package.json
+++ b/interactive-mining-angular-frontend/package.json
@@ -13,15 +13,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.12",
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/forms": "^17.3.12",
-    "@angular/localize": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
-    "@angular/router": "^17.3.12",
+    "@angular/animations": "^18.1.1",
+    "@angular/common": "^18.1.1",
+    "@angular/compiler": "^18.1.1",
+    "@angular/core": "^18.1.1",
+    "@angular/forms": "^18.1.1",
+    "@angular/localize": "^18.1.1",
+    "@angular/platform-browser": "^18.1.1",
+    "@angular/platform-browser-dynamic": "^18.1.1",
+    "@angular/router": "^18.1.1",
     "core-js": "^2.4.1",
     "file-saver": "^2.0.2",
     "jquery": "^3.4.1",
@@ -33,10 +33,10 @@
     "zone.js": "~0.14.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.12",
-    "@angular/language-service": "^17.3.12",
+    "@angular-devkit/build-angular": "^18.1.1",
+    "@angular/cli": "^18.1.1",
+    "@angular/compiler-cli": "^18.1.1",
+    "@angular/language-service": "^18.1.1",
     "@types/file-saver": "^2.0.1",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.6",
@@ -50,7 +50,7 @@
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.6.0",
-    "ng-packagr": "^17.3.0",
+    "ng-packagr": "^18.1.0",
     "protractor": "~7.0.0",
     "ts-node": "~8.2.0",
     "typescript": "~5.4.0"
diff --git a/interactive-mining-angular-frontend/src/app/interactivemining/interactive-mining.module.ts b/interactive-mining-angular-frontend/src/app/interactivemining/interactive-mining.module.ts
index 99804c9..d695719 100755
--- a/interactive-mining-angular-frontend/src/app/interactivemining/interactive-mining.module.ts
+++ b/interactive-mining-angular-frontend/src/app/interactivemining/interactive-mining.module.ts
@@ -4,17 +4,12 @@ import {ConfigurationModule} from '../configuration/configuration.module';
 import {ManageprofilesModule} from '../manageprofiles/manageprofiles.module';
 import {SaveprofileModule} from '../saveprofile/saveprofile.module';
 import {ContentModule} from '../contents/contents.module';
-import {HttpClientModule} from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
-@NgModule({
-  imports: [
-    CommonModule,
-    ManageprofilesModule,
-    ContentModule,
-    ConfigurationModule,
-    SaveprofileModule,
-    HttpClientModule
-  ]
-})
+@NgModule({ imports: [CommonModule,
+        ManageprofilesModule,
+        ContentModule,
+        ConfigurationModule,
+        SaveprofileModule], providers: [provideHttpClient(withInterceptorsFromDi())] })
 export class InteractiveMiningModule {
 }