# 11st July Report

## Progress

**09:25** - Entering BMW Lab.

## Research about Develop PWA in Ionic

Result :

https://ionicthemes.com/tutorials/about/the-complete-guide-to-progressive-web-apps-with-ionic4

https://www.joshmorony.com/create-a-pwa-with-angular-service-workers-in-ionic-4/
**12:30** - Comment my code and add function to display background image base on device id.

**16:00** Read Develop PWA in Ionic

## Develop PWA in Ionic

To test PWA use [Lighthouse](https://developers.google.com/web/tools/lighthouse/)

Run.
`ng add @angular/pwa`

And i will do several things.

Installed packages for tooling via npm.
CREATE ngsw-config.json (392 bytes)
CREATE src/assets/icons/icon-128x128.png (1253 bytes)
CREATE src/assets/icons/icon-144x144.png (1394 bytes)
CREATE src/assets/icons/icon-152x152.png (1427 bytes)
CREATE src/assets/icons/icon-192x192.png (1790 bytes)
CREATE src/assets/icons/icon-384x384.png (3557 bytes)
CREATE src/assets/icons/icon-512x512.png (5008 bytes)
CREATE src/assets/icons/icon-72x72.png (792 bytes)
CREATE src/assets/icons/icon-96x96.png (958 bytes)
CREATE src/manifest.json (1063 bytes)
UPDATE angular.json (4093 bytes)
UPDATE package.json (1760 bytes)
UPDATE src/app/app.module.ts (993 bytes)
UPDATE src/index.html (759 bytes)

The command automatically does:

+ Creates the configuration file for the service worker
+ Creates the various icons that are required for the home screen
+ Updates the angular.json file to enable service worker support
+ Updates the package.json file to include the @angular/pwa package
+ Imports the service worker functionality into the root module file
Adds the required meta tags to the index.html file

And then build.
`ionic build --prod`

Ionic will automaticaly adjust application to PWA.

**18:00** - Leave BMW Lab.

###### tags: `on-intern`