In order to be a PWA, your app should:
Use a responsive design, so it works on desktop or mobile.
Be installable, using a web app manifest and the beforeinstallprompt event to notify the user that it is installable.
Examples of Progressive Web Apps can be seen at https://mofluid.com/blog/10-best-progressive-web-apps.
- Figure: Bad Example - aliexpress get a mark of 6/12 (see tooltip) and cannot be used as a PWA
- Figure: Accessing a PWA on your mobile will prompt adding it on your Home screen. E.g. https://blog.mikemjharris.com
You can check the Progressive Web App score of your application using Chrome's Developer tools.
Note: See how to generate a PWA report on
- Figure: Good Example - Aim for a good Progressive Web App score