Home

Welcome to the pwa-starter-kit wiki! This project contains a set of sample templates that are meant to be used as a starting point for building PWAs, that give you responsive layouts, service workers, state management and more!

Sample apps   

Here are some applications that we built with this template:

Hacker News (code, demo)

• a small Hacker News client, inspired by the HN PWA project that compares implementations for the same PWA app
• pattern for fetching data from a generic API
• pattern for using indexedDB for local storage.

Flash Cards (code, demo)

• flash-cards game to help you learn Japanese (but can be extended for any language and set of cards)
• pattern for storing state in localStorage
• pattern for loading local data json files
• uses the SpeechSynthesis API

Books (code, demo)

• app that searches for books using the Google Books API
• shows how to use the Embedded Viewer API to display book content
• shows how to use Google Books API to list/update favorites on the authenticated user's bookshelf
• pattern for using UI loading placeholders
• pattern for re-fetching data when the network state changes
• pattern for integrating Google Sign-In
• uses the SpeechRecognition API

Shop (code, demo)

• a sample e-commerce shopping site
• pattern for a real-life shopping cart and store checkout flow
• pattern for using custom announcers for accessibility