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 indexDB 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
• pattern for using UI loading placeholders
• pattern for re-fetching data when the network state changes

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

Real World (code, demo)

• experimental project: still in progress!
• a full-stack, Medium clone, made for the gothinkster project
• pattern for using CRUD to communicate with a server API
• pattern for authentication via username/password