add the pwa

README.md

@@ -1,27 +1,66 @@
-# Covid
+# Travel certificate generator 
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.4.
+[![github](https://badgen.net/badge/icon/github?icon=github&label)](https://github.com/ahmedbhl/Covid-19-certificate)
+[![angular](https://badgen.net/badge/Angular%20CLI/v%207.0.4/red)](https://github.com/angular/angular-cli)
+[![Demo](https://badgen.net/badge/Demo/ClicMe/green)](https://deplacement-covid-19.web.app)
 
-## Development server
+## Development
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+### Install the project
 
-## Code scaffolding
+```console
+$ git clone https://github.com/ahmedbhl/Covid-19-certificate
+$ cd Covid-19-certificate
+$ npm i
+$ npm start
 
-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`.
+or using CLI to start project
+
+$ ng serve
+```
+Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+### Generate production code
+
+To build the project. Use the `--prod` flag for a production build.
+
+```console
+$ npm run build
+
+or using CLI
+
+$ ng build
+```
+
+The code to deploy will be in the `dist` folder.
 
-## Build
+## Credits
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
+The following open source projects were used for the development of this service:
 
-## Running unit tests
+- [PDF-LIB](https://pdf-lib.js.org/)
+- [qrcode](https://github.com/soldair/node-qrcode)
+- [Bootstrap](https://getbootstrap.com/)
+- [Signature Pad](https://www.npmjs.com/package/signature_pad)
+- [Ngx Flag Picker](https://github.com/iamartyom/ngx-flag-picker)
+
+
+## More details
+
+### Code scaffolding
+
+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`.
+
+### Running unit tests
 
 Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
-## Running end-to-end tests
+### Running end-to-end tests
 
 Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
 
-## Further help
+### Further help
 
 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+
+![screenshot](https://github.com/ahmedbhl/Covid-19-certificate/blob/develop/src/assets/images/screenshot.PNG?raw=true)

angular.json

@@ -20,7 +20,8 @@
             "tsConfig": "src/tsconfig.app.json",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/assets/manifest.webmanifest"
             ],
             "styles": [
               "src/styles.scss",
@@ -51,7 +52,9 @@
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
                 }
-              ]
+              ],
+              "serviceWorker": true,
+              "ngswConfigPath": "ngsw-config.json"
             }
           }
         },
@@ -86,7 +89,8 @@
             "scripts": [],
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/assets/manifest.webmanifest"
             ]
           }
         },

ngsw-config.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+  "index": "/index.html",
+  "assetGroups": [
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "resources": {
+        "files": [
+          "/favicon.ico",
+          "/index.html",
+          "/assets/manifest.webmanifest",
+          "/*.css",
+          "/*.js"
+        ]
+      }
+    }, {
+      "name": "assets",
+      "installMode": "lazy",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/assets/**",
+          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
+        ]
+      }
+    }
+  ]
+}