🛠️

PWAtter Workshop

Free
Development Tools

PWAtter is a workshop project demonstrating how to build a Progressive Web App with Angular and Workbox, Google's service worker library. It exists as a learning exercise for developers who want hands-on practice adding caching and offline behaviour to an Angular application.

Catalogued August 3, 2026 · Curated by PWA Directory team
🛠️PWAtter Workshop
workbox-workshop.firebaseapp.com

PWAtter Workshop opens in a browser tab — no download.

Works Offline
Installable
Cross-Platform
✓
Free

Not sure how to add PWAtter Workshop to your home screen? Step-by-step for Chrome, Safari, Firefox and Edge — it takes about ten seconds, and there is no app store involved.

Own PWAtter Workshop? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.

Tags
angularworkboxservice-workerworkshoppwaoffline-cachinglearning

How to install PWAtter Workshop as a PWA

Chrome / Edge
Menu (⋮) → Add to Home screen
Safari (iOS)
Share (↑) → Add to Home Screen
Firefox
Menu (⋮) → Install

Are you the maker of PWAtter Workshop? Claim this listing →

Similar to PWAtter Workshop

🛠️
PWA Assignment

A simple demonstration Progressive Web Application built as a JavaScript course assignment. It registers a Workbox-powered service worker for caching, so the page continues to work offline, and it serves as a minimal reference for students learning how installable, offline-capable web apps are structured.

Geek Alert

A small practice application built for a hands-on progressive web app workshop. Rather than being a finished consumer product, it exists as teaching material: workshop participants use it to learn and apply PWA techniques. Useful mainly to developers following the workshop or studying its code.

PWA Workshop Docs

Documentation for a hands-on workshop that teaches developers how to turn a regular website into a Progressive Web Application. It introduces core PWA concepts step by step, aimed at web developers who want a guided, practical path to adding PWA features.

Angular Starter PWA

A starter template for building progressive web apps with Angular 6. It ships a ready-to-use project structure following recommended practices, with commonly used libraries preconfigured, so developers can begin an Angular PWA project without assembling boilerplate themselves. Note that it targets the now-dated Angular 6 release.

Glossy

A demonstration progressive web app that shows off the platform's headline capabilities, including offline support, background sync, and push notifications. It is aimed at developers who want a working reference for how these service-worker features behave rather than at end users seeking a finished product.

My Awesome PWA app

A minimal starter template for building Progressive Web Apps with Next.js 15, TailwindCSS v4.0 and Serwist. Web developers can use it as a boilerplate to scaffold installable apps with service-worker support instead of configuring the stack from scratch. Useful for anyone starting a new Next.js PWA project.

Own a PWA? See the listing options — standard submission is free.

Get the monthly pick
Double opt-in — nothing is sent until you confirm. Unsubscribe any time.