diff --git a/GridClient/angular.json b/GridClient/angular.json
index 80b2554..2650bc8 100644
--- a/GridClient/angular.json
+++ b/GridClient/angular.json
@@ -60,10 +60,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "GridClient:build:production"
+              "buildTarget": "GridClient:build:production"
             },
             "development": {
-              "browserTarget": "GridClient:build:development"
+              "buildTarget": "GridClient:build:development"
             }
           },
           "defaultConfiguration": "development"
@@ -71,7 +71,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "GridClient:build"
+            "buildTarget": "GridClient:build"
           }
         },
         "test": {
diff --git a/GridClient/package.json b/GridClient/package.json
index 7bde955..3653d8d 100644
--- a/GridClient/package.json
+++ b/GridClient/package.json
@@ -10,34 +10,34 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.0.0",
-    "@angular/common": "^16.0.0",
-    "@angular/compiler": "^16.0.0",
-    "@angular/core": "^16.0.0",
-    "@angular/forms": "^16.0.0",
-    "@angular/platform-browser": "^16.0.0",
-    "@angular/platform-browser-dynamic": "^16.0.0",
-    "@angular/router": "^16.0.0",
-    "@syncfusion/ej2-angular-dropdowns": "^32.1.23",
+    "@angular/animations": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/platform-browser-dynamic": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@syncfusion/ej2-angular-dropdowns": "*",
     "@syncfusion/ej2-angular-grids": "*",
-    "@syncfusion/ej2-angular-inputs": "^32.1.22",
-    "@syncfusion/ej2-angular-popups": "^32.1.19",
+    "@syncfusion/ej2-angular-inputs": "*",
+    "@syncfusion/ej2-angular-popups": "*",
     "@syncfusion/ej2-data": "*",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.13.0"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.0.1",
-    "@angular/cli": "~16.0.1",
-    "@angular/compiler-cli": "^16.0.0",
-    "@types/jasmine": "~4.3.0",
-    "jasmine-core": "~4.6.0",
+    "@angular-devkit/build-angular": "^20.3.24",
+    "@angular/cli": "^20.0.0",
+    "@angular/compiler-cli": "^20.0.0",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.0.0",
-    "typescript": "~5.0.2"
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.8.2"
   }
 }
diff --git a/README.md b/README.md
index abdbd53..4d96f63 100644
--- a/README.md
+++ b/README.md
@@ -31,6 +31,7 @@ GraphQL is a query language that allows applications to request exactly the data
 - Run the below commands to run the server.
   ```bash
     cd GraphQLServer
+    npm i
     npm start
   ```
   The server is now running at http://localhost:4205/.
@@ -39,6 +40,7 @@ GraphQL is a query language that allows applications to request exactly the data
  - Execute the below commands to run the client application.
   ```bash
   cd GridClient
+  npm i
   npm start
   ```
 - Open http://localhost:4200/ in the browser.