Application development

.firebase/hosting.ZGlzdC9zcGVjLWxlYWQtbm90ZXMtdWk.cache

@@ -0,0 +1,11 @@
+779.3a16a70e6feab9ef.js,1681973347662,cbdc2e4aa98fbb74938b9e6882f54573c9687bf6a6335152f3944d1a84c3dd4b
+favicon.ico,1681973347676,a2aee5309d0b59b9b66384ccc3969a07fab1b320d0bf76f1b25047a051d7f774
+index.html,1681973347940,6955b21a0bbb9ea697d5f43a38ba3a234b7dc605f74bc96c51f544bf41cedebf
+3rdpartylicenses.txt,1681973347662,34fafdb813b41f27dc4679432a4567e1e56c103b599c2990fa352b55081ea25f
+runtime.4b0dcc27aadf0004.js,1681973347662,33d7df3ee2a48e6bcade6b113fa5f3ceb3d93e360363a62e765ed904e8702f74
+assets/config/development.json,1681973347680,e5a94c4f75f89616e7b367e378f5bf5d3946c8f3eba7e863820ddec9c9eec409
+889.20471295d25361dc.js,1681973347662,a0b8eb15f3903c617c7f4c380a8e23c1135f88b774049277a87515e64ee73217
+assets/config/production.json,1681973347681,3f39cb9c9165c8979333b76b0dc07c657a130a77250659a6e0b5c89bbc65d7b4
+polyfills.7332c30408754df9.js,1681973347662,b2d7eab49d5673c6034d25abec71fa80e2f1b4da5257d5809ef9cc6704f45b9d
+styles.80d7f9de54c91add.css,1681973347662,b06e7465958bc5aa8c673e3d9312a5727706df5df03d5ee8addb1314e165e7cb
+main.465a62794bd2dab7.js,1681973347662,8ccc1a8756326cdef236bb8032c16db8de96a925709028a117cef68524173dfd

.firebase/hosting.cHVibGlj.cache

@@ -0,0 +1,2 @@
+404.html,1681733826663,05cbc6f94d7a69ce2e29646eab13be2c884e61ba93e3094df5028866876d18b3
+index.html,1681733826720,5afcaf5d317644156faaaaad8d411463d17883d3e2b165ee16f7fc051e142643

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "spec-lead-notes"
+  }
+}

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - master
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm install && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_SPEC_LEAD_NOTES }}'
+          channelId: live
+          projectId: spec-lead-notes

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,17 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm install && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_SPEC_LEAD_NOTES }}'
+          projectId: spec-lead-notes

.gitignore

@@ -40,3 +40,6 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
+
+# Firebase
+firebase*.log

README.md

@@ -1,27 +1,15 @@
 # SpecLeadNotesUi
+This project is an Angular exercise project serving an additional purpose of potentially useful application to track 1 on 1 meeting agreements in your organisation.
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.5.
+Information entered in the system are intended to be reviewed by Specialization Lead (SL) **only**.
 
-## Development server
+## How To Run
+Project can be run in `development` mode on your `localhost` or in Firebase in production mode.
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
+### Localhost
+Run `npm start` to build and run the application in `development` mode. API calls will be sent against back-end server running on `localhost` also.
 
-## Code scaffolding
+### Firebase
+Run `npm run deploy` to build and depploy the application in `production` mode on [Firebase server](https://spec-lead-notes.web.app/). API calls will be sent against back-end server running on [Render](https://spec-lead-notes-be.onrender.com)
 
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+You can also test your application before deploying to firebase with local firebase deploy by running `npm run deploy:local`

angular.json

@@ -23,6 +23,7 @@
               "src/assets"
             ],
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
               "src/styles.css"
             ],
             "scripts": []
@@ -33,7 +34,7 @@
                 {
                   "type": "initial",
                   "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumError": "2mb"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -62,6 +63,10 @@
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "spec-lead-notes-ui:build",
+            "proxyConfig": "src/proxy.conf.json"
+          },
           "configurations": {
             "production": {
               "browserTarget": "spec-lead-notes-ui:build:production"
@@ -90,6 +95,7 @@
               "src/assets"
             ],
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
               "src/styles.css"
             ],
             "scripts": []

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist/spec-lead-notes-ui",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

package.json

@@ -4,20 +4,27 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "ng build --configuration production",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "test": "ng test",
+    "deploy:local": "npm install && npm run build && firebase emulators:start",
+    "deploy": "npm install && npm run build && firebase deploy"
   },
   "private": true,
   "dependencies": {
     "@angular/animations": "^14.2.0",
+    "@angular/cdk": "^13.0.0",
     "@angular/common": "^14.2.0",
     "@angular/compiler": "^14.2.0",
     "@angular/core": "^14.2.0",
     "@angular/forms": "^14.2.0",
+    "@angular/material": "^13.0.0",
+    "@angular/material-moment-adapter": "^13.0.0",
     "@angular/platform-browser": "^14.2.0",
     "@angular/platform-browser-dynamic": "^14.2.0",
     "@angular/router": "^14.2.0",
+    "@ngrx/store": "^14.2.0",
+    "moment": "^2.29.4",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
@@ -35,4 +42,4 @@
     "karma-jasmine-html-reporter": "~2.0.0",
     "typescript": "~4.7.2"
   }
-}
+}