Angular version update to 20

Author: nitin27may

.github/copilot-instructions.md

@@ -1,6 +1,6 @@
 # GitHub Copilot Instructions for Angular
 
-Generate code following these modern Angular 19+ best practices:
+Generate code following these modern Angular 20+ best practices:
 
 ## Dependency Injection
 - Always use functional injection with `inject()` instead of constructor-based injection

README.md

@@ -16,7 +16,7 @@
   <a href="LICENSE">
     <img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="MIT License">
   </a>
-  <img src="https://img.shields.io/badge/Angular-19-DD0031.svg" alt="Angular 19">
+  <img src="https://img.shields.io/badge/Angular-19-DD0031.svg" alt="Angular 20">
   <img src="https://img.shields.io/badge/.NET-9-512BD4.svg" alt=".NET 9">
   <img src="https://img.shields.io/badge/PostgreSQL-16-336791.svg" alt="PostgreSQL 16">
 </p>
@@ -32,7 +32,7 @@
 
 A production-ready **full-stack starter kit** built with modern technologies and best practices:
 
-- **Frontend**: Angular 19 with signals, Material Design, and TailwindCSS
+- **Frontend**: Angular 20 with signals, Material Design, and TailwindCSS
 - **Backend**: .NET 9 API with Clean Architecture
 - **Database**: PostgreSQL with Dapper
 - **DevOps**: Docker, GitHub Actions, NGINX
@@ -88,7 +88,7 @@ docker-compose up
     <td width="33%">
       <h3>📱 Modern Frontend</h3>
       <ul>
-        <li>Angular 19 with standalone components</li>
+        <li>Angular 20 with standalone components</li>
         <li>Signal-based state management</li>
         <li>Material Design + TailwindCSS</li>
         <li>Dark/light theme support</li>

docs/docker-guide.md

@@ -27,7 +27,7 @@ The application uses Docker to containerize all services for consistent developm
 
 The Docker setup includes:
 
-- Frontend container (Angular 19)
+- Frontend container (Angular 20)
 - Backend API container (.NET 9)
 - Database container (PostgreSQL)
 - Nginx container (Reverse proxy/Load balancer)

docs/frontend.md

@@ -8,7 +8,7 @@ permalink: /Frontend
 
 ## Overview
 
-The frontend of this project is built with Angular 19, leveraging modern Angular features including standalone components, signals for state management, the inject() function for dependency injection, and a powerful combination of Angular Material and TailwindCSS for styling.
+The frontend of this project is built with Angular 20, leveraging modern Angular features including standalone components, signals for state management, the inject() function for dependency injection, and a powerful combination of Angular Material and TailwindCSS for styling.
 
 <div style="text-align: center; margin: 30px 0;">
   <a href="screenshots/contact-list-page.png" target="_blank">
@@ -19,7 +19,7 @@ The frontend of this project is built with Angular 19, leveraging modern Angular
 
 ## Technology Stack
 
-- **Angular 19**
+- **Angular 20**
   - Standalone components architecture
   - Modern dependency injection with `inject()`
   - Signal-based state management

docs/index.md

@@ -9,7 +9,7 @@ permalink: /
 # Clean Architecture Full-Stack Starter
 {: .fs-9 }
 
-A production-ready full-stack application with Angular 19, .NET 9, and PostgreSQL using Clean Architecture principles
+A production-ready full-stack application with Angular 20, .NET 9, and PostgreSQL using Clean Architecture principles
 {: .fs-6 .fw-300 }
 
 [Get Started](#-quick-start-in-60-seconds){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 }
@@ -26,12 +26,12 @@ A production-ready full-stack application with Angular 19, .NET 9, and PostgreSQ
   </a>
 </p>
 
-A modern, full-stack contact management system built with Angular 19, .NET 9, and PostgreSQL following Clean Architecture principles. This project demonstrates how to structure enterprise applications for maintainability, testability, and scalability while providing a complete development workflow with Docker containerization.
+A modern, full-stack contact management system built with Angular 20, .NET 9, and PostgreSQL following Clean Architecture principles. This project demonstrates how to structure enterprise applications for maintainability, testability, and scalability while providing a complete development workflow with Docker containerization.
 
 ## 🌟 What You'll Learn
 
 - **Clean Architecture** principles and implementation
-- **Angular 19** with signals, standalone components, and Material Design
+- **Angular 20** with signals, standalone components, and Material Design
 - **.NET 9** with dependency injection and repository pattern
 - **PostgreSQL** with Dapper for efficient data access
 - **JWT Authentication** with role-based permissions
@@ -86,7 +86,7 @@ That's it! Visit [http://localhost](http://localhost) in your browser.
 
 The application is structured into multiple containers that work together:
 
-- **Frontend Container**: Angular 19 with Material Design and TailwindCSS
+- **Frontend Container**: Angular 20 with Material Design and TailwindCSS
 - **API Container**: .NET 9 RESTful API built with Clean Architecture
 - **Database Container**: PostgreSQL for data persistence
 - **NGINX Container**: Reverse proxy that routes requests to the appropriate service

frontend/angular.json

@@ -15,7 +15,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/contact-portal",
             "index": "src/index.html",
@@ -67,7 +67,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "contact-portal:build:production"
@@ -79,10 +79,10 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n"
+          "builder": "@angular/build:extract-i18n"
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "polyfills": [
               "zone.js",
@@ -108,5 +108,31 @@
   },
   "cli": {
     "analytics": false
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
 }