Chathub icon indicating copy to clipboard operation
Chathub copied to clipboard

Turn the Website into a PWA

Open nparashar150 opened this issue 3 years ago • 2 comments

Is your feature request related to a problem? Please describe. Make the website look like an App by making it a Progressive Web App. Here are benefits of a PWA

Describe the solution you'd like We can make the Website a PWA with the help of cra-template-pwa template provided by React. By using the service-worker.js files, adding workbox dependencies, and making changes in some files a Website can be converted into a PWA.

Additional context Here is an example of PWA I implemented successfully on my Personal Portfolio Website nparashar150

nparashar150 avatar Jan 12 '22 11:01 nparashar150

Hey, @nparashar150 can you explain more about the features.

soumikbaithalu avatar Apr 04 '22 04:04 soumikbaithalu

Hey, @nparashar150 can you explain more about the features.

  • With PWA the website can load in Offline Mode, basically it saves the page locally and then loads even if there is no network availability.
  • If there is internet then it checks if there is any change and then updates the changes. This saves the internet of the user and reduces page load time after initial page load.
  • After installing, PWA is shown like an app on mobile, it gives the user an experience very similar to that of an app.
  • To install a PWA user just needs to click Add to Home screen when he opens the website for first time.
  • Since PWA is a browser related feature so it has no relation with Play Store, i.e. there is no need to register the Web App on play store.

nparashar150 avatar Apr 04 '22 19:04 nparashar150