Angular Training App - Pavel Trifonov

.github/workflows/main.yml

@@ -0,0 +1,37 @@
+name: Build and Deploy Script
+on:
+  push:
+    branches:
+    - training
+
+jobs:
+  build:
+    name: Build and Deploy
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout Repository
+      uses: actions/checkout@v2
+    - name: Adding Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: 22.15.1
+    - name: Install Dependencies
+      run: npm install
+    - name: Run Linter
+      run: npm run lint
+    - name: Run tests
+      run: npm run test:ci
+    - name: Build Angular App
+      run: npm run build
+    - name: Deploy to Pages
+      uses: AhsanAyaz/angular-deploy-gh-pages-actions@v1.4.0
+      with:
+        github_access_token: ${{ secrets.GITHUB_TOKEN }}
+        build_configuration: production
+        base_href: /angular-template/
+        deploy_branch: gh-pages 
+        angular_dist_build_folder: dist/angular-template/browser
+
+permissions:
+  contents: write
+

angular.json

@@ -31,6 +31,7 @@
               "src/assets"
             ],
             "styles": [
+              "@angular/material/prebuilt-themes/indigo-pink.css",
               "src/styles.scss"
             ],
             "scripts": [],
@@ -53,6 +54,12 @@
               "outputHashing": "all"
             },
             "development": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ],
               "optimization": false,
               "extractLicenses": false,
               "sourceMap": true,
@@ -93,6 +100,7 @@
               "src/assets"
             ],
             "styles": [
+              "@angular/material/prebuilt-themes/azure-blue.css",
               "src/styles.scss"
             ],
             "scripts": []
@@ -113,6 +121,7 @@
   "cli": {
     "schematicCollections": [
       "@angular-eslint/schematics"
-    ]
+    ],
+    "analytics": false
   }
-}
+}

package.json

@@ -7,18 +7,26 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
+    "test:ci": "ng test --no-watch --no-progress --browsers=ChromeHeadless",
     "lint": "ng lint"
   },
   "private": true,
   "dependencies": {
     "@angular/animations": "^19.2.10",
+    "@angular/cdk": "^19.2.17",
     "@angular/common": "^19.2.10",
     "@angular/compiler": "^19.2.10",
     "@angular/core": "^19.2.10",
     "@angular/forms": "^19.2.10",
+    "@angular/material": "^19.2.17",
     "@angular/platform-browser": "^19.2.10",
     "@angular/platform-browser-dynamic": "^19.2.10",
     "@angular/router": "^19.2.10",
+    "@ngrx/effects": "^19.2.0",
+    "@ngrx/entity": "^19.2.0",
+    "@ngrx/router-store": "^19.2.0",
+    "@ngrx/store": "^19.2.0",
+    "@ngrx/store-devtools": "^19.2.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
@@ -45,4 +53,4 @@
     "prettier": "^3.3.3",
     "typescript": "~5.8.3"
   }
-}
+}