DEV Community

Discussion on: Convert any website into a PWA in just 3 simple steps

Collapse
 
sciepsilon profile image
Kalinda Pride

Can you explain more - what does it mean for the website to be installed, and what will the user see as a result?

I'm thinking of Google Docs or Gmail, versus Steam or Zoom or Slack. If I understand correctly, all of these are PWAs. But Docs and Gmail always run in a browser tab, and they feel like websites that happen to still work if your internet connection goes down. Steam, Zoom, and Slack all run in their own windows, have their own icons in the start menu, and need to be explicitly installed by the user, even though their special desktop app looks like it's just a re-skinned web browser. You can run them in a browser tab without downloading, but the features are different. Often sign-in is only available in a browser tab, but other features (e.g. playing a Steam game or making a Zoom call) are only available in the desktop app. A common pattern is that the desktop app will automatically open a browser tab when you need to sign in, and the browser tab will prompt you to open the desktop app when you try to access desktop-only features. If I send you a link for a Zoom call, you can open it in your browser like a normal link, and then your browser will ask for permission to open the desktop app where you can actually join the call.

Collapse
 
developertharun profile image
Tharun Shiv • Edited

Hi,
I have videos, where I demo you the installation of the PWA - Progressive Web Apps on both Mobile and Desktop. Hope it helps.

Installing on a Mobile

Installing on Desktop

To clarify further, Zoom, steam or slack need not be PWAs but can be a regular desktop app. A regular desktop app is downloaded by you from a website, in say .exe format for example, and you install it by using the Wizard.

Whereas a PWA is a single click away from installing , and is installed by the above methods.

Hope the video gives you more clarity. Let me know if you still didn't get it, would be happy to help 🙂

You can try installing on : bit.ly/stick-it-notes

Collapse
 
praveenreddy1798 profile image
praveenreddy1798

Well presented demo

Thread Thread
 
developertharun profile image
Tharun Shiv

thanks!