Progressive Web App Starter App Designed With PWAs Best Practices ⚡
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.audit rename dir Dec 16, 2018
.github add new image Dec 16, 2018
app typo fix Jan 14, 2019
docs update docs with workbox 3.6.1 Sep 24, 2018
.gitattributes Update .gitattributes Aug 30, 2018
.gitignore add-v-beta Jan 13, 2019
LICENSE Create LICENSE Jan 8, 2019
README.md update header Jan 6, 2019
_config.yml Set theme jekyll-theme-cayman Jan 8, 2019

README.md

PWA Fire App Beta

Project PWA Fire Bundle is an open source javascript and json bundle that allows you to convert your existing website into a progressive web app or build one in a few.


What is PWA Fire App?

Progressive Web App starter App designed with progressive web app best practices and packaged ready for your PWA Project

It has two versions;

  1. For project with build process, npm ; as in this guide here

  2. For project without any build process; config guide is here


App Structure

Here is the basic skeleton for PWA Fire App that each of the two starter PWA Kits will conform to:

  • For node-module or build process

For node modules, follow the setup guide as curated in the doc folder here to get started building a scalable progressive web app with PWA Fire App.

├── app
│   ├── build
│   ├── node_modules
│   ├── src
│       ├── assets
|          ├── css
|          ├── js
|          ├── scss
│       ├── images
|          ├── icons
|          ├── others
|       ├── pages
│       ├── index.html
│       ├── manifest.json
│       ├── service-worker.js
│   ├── package-lock.json
│   ├── package.json
│   ├── server.js
│   └── sw-config.js
  • For without any build process like npm

If you do not have or do not want to use any build process such as ** npm**, make sure to remove all other files and that your app structure looks as below. Configure your service-worker.js file as in this codelab here

├── app
│   ├── src
│       ├── assets
|          ├── css
|          ├── js
|          ├── scss
│       ├── images
|          ├── icons
|          ├── others
|       ├── pages
│       ├── index.html
│       ├── manifest.json
│       ├── service-worker.js

Getting started

Get started on how to set up PWA Fire App in this setup guide .


Engage us

Donate a star, like, follow and contribute in any way. If you use PWA Fire Developer Resources, kindly let us know. JUST simply Tweet us.