---
title: "Progressive Web Apps"
description: "2 posts about Progressive Web Apps, summarised, each linking to the original."
---

# Progressive Web Apps
> 2 posts about Progressive Web Apps, summarised, each linking to the original.

## Articles

### [Create a React PWA with Social Login Authentication](https://yomu.fyi/post/create-a-react-pwa-with-social-login-authentication.md)
- Company: [Okta](https://yomu.fyi/company/okta.md)
- Author: Emmanuel Jesulayomi Folaranmi
- Published: Jul 22, 2025
- Type: Tutorial

The tutorial builds a React Progressive Web App (PWA) called Lister, combining offline support with authentication through Okta and Google Social Login. It creates an Okta OIDC single-page application, configures Authorization Code and Refresh Token grants, sets localhost redirect URIs, and wires Okta React and AuthJS into React Router routes. The implementation uses environment variables for the Okta domain and client ID, OAuth 2.0 and OpenID Connect scopes including openid, profile, email, and offline\_access, and a Vite PWA plugin to provide a manifest, service worker, and installable behavior. Authenticated users receive a todo-list interface with CRUD operations, while the article notes that production deployments would need more advanced service-worker configuration and a proper database.


### [PWA Tutorial: Turn Your Website Into a Progressive Web App](https://yomu.fyi/post/pwa-tutorial-turn-your-website-into-a-progressive-web-app.md)
- Company: [Heroku](https://yomu.fyi/company/heroku.md)
- Author: Christine Dodrill
- Published: Mar 6, 2019
- Type: Tutorial

Progressive web apps let websites provide app-like experiences, including home-screen installation, offline access, push notifications, and some device hardware APIs, without separate platform-specific code or app-store approval. This tutorial converts an existing site by adding a JSON manifest, linking it from the base HTML, creating an offline page, implementing a service worker, registering that worker, and deploying over HTTPS. The service worker precaches important routes during installation and handles fetches by serving network responses, caching them, or falling back to cached content and offline.html; the example uses the "offline" cache and includes routes such as /blog/, /contact, and /resume. It also covers installation through Safari and Chrome and notes that iOS does not support background sync.