Skip to content
/ pwa Public

Learn how to create PWA for your awesome web application's for Mobile & Desktop both in a simple and easy way!

Notifications You must be signed in to change notification settings

irshad/pwa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This repostory is about "Progressive Web Apps"

PWA

Why build a Progressive Web App?

Building a high-quality Progressive Web App has incredible benefits, making it easy to delight your users, grow engagement and increase conversions.

Worthy of being on the home screen

When the Progressive Web App criteria are met, Chrome prompts users to add the Progressive Web App to their home screen

Work reliably, no matter the network conditions

Service workers enabled Konga to send 63% less data for initial page loads, and 84% less data to complete the first transaction!

Increased engagement

Web push notifications helped eXtra Electronics increase engagement by 4X. And those users spend twice as much time on the site.

Improved conversions

The ability to deliver an amazing user experience helped AliExpress improve conversions for new users across all browsers by 104% and on iOS by 82%.

Installable

If we want to make web apps closer to the native apps, they have to be installable and should reside in the home screen along with other native apps, so that the user can access the PWA in one click.

Splash Screen

PWA adds a splash screen during the startup of the app. This makes the PWA feel more like a native app.

Highly engage-able

The app should keep the users engaged. A PWA provides features like push notification, home screen icon, full-screen and offline first app to glorify user engagement.

How does a PWA makes websites available offline?

That was exactly my first thought about PWA. How exactly can web apps open without the internet? We all know native apps can open without an internet connection because when we download and install them, critical resources like UI components and some data are stored in the device…. well, this is exactly what happens in a PWA as well. The PWA stores HTML files, CSS files and images in the browser cache and the developers can fully control the network call. All of these are being achieved by Service Workers.

Technical components of a PWA?

Componets

Take A Look At The Demo PWA:

1.Demo

And Learn How to create them in simple way.

By me 👋 Irshad Ali 👨‍💻 from below links ⤵️

List To Read

  1. Convet Static Website To PWA
  2. React App To PWA

For Full Series You Can Visit At Dev.to/Phonerefer or : ⤵️

  1. Dev.to

Visit Me:

  1. Irshad Ali

License & Copyright

© K IRSHAD ALI, PhoneRefer Media Inc
Licensed under the MIT License

License

About

Learn how to create PWA for your awesome web application's for Mobile & Desktop both in a simple and easy way!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published