Anid4u2c / pwa-ownerless-kit

A PWA Starter Kit template, forked from Polymer/pwa-starter-kit, for building full-featured Progressive Web Apps from web components - using an "ownerless" concept. This fork replaces the naming convention used in the master branch, wherein "my-[component]" is replaced with "app-page[-component]".

Home Page:https://pwa-ownerless-kit.web.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Built with pwa–starter–kit Build status

🛠 Status: In Development

PWA Starter Kit is currently in development, meaning the PWA Ownerless Kit is working towards mirroring it's development based on the master branch.

See the list of Known Issues and TODOs, from the source, for updates.

PWA Ownerless Kit

This app is a based on the PWA Starter Kit, which is a starting point for building PWAs. Out of the box, the template gives you the following features:

  • all the PWA goodness (manifest, service worker)
  • a responsive layout
  • application theming
  • example of using Redux for state management
  • offline UI
  • simple routing solution
  • fast time-to-interactive and first-paint through the PRPL pattern
  • easy deployment to prpl-server or static hosting
  • unit and integrating testing starting points
  • documentation about other advanced patterns.

Actions Required to Become Ownerless

  1. index.html
    • Replaced "my-app" with "app-page", and "My App" with "PWA Ownerless Kit".
  2. package.json
    • (OPTIONAL) Changed "name" to "pwa-ownerless-kit" and "repository" to "Anid4u2c/pwa-ownerless-kit".
  3. polymer.json
    • Replaced "my-app" with "app-page".
  4. push-manifest.json
    • Replaced "my-app" with "app-page", and "my-" with "app-page-".
  5. /src/actions/app.js
    • Replaced '../components/my-view[1|2|3].js' with '../components/app-page-view[1|2|3].js'..
  6. /src/components/counter-element.js
    • Replaced "my" with "app", for './app-icons.js'.
  7. /src/components/shop-products.js
    • Replaced "my" with "app", for './app-icons.js'.
  8. Renamed /src/components/my-app.js to /src/components/app-page.js
    • Replaced "my-app" with "app-page", and "MyApp" with "AppPage".
    • Replaced "<my-view[1|2|3]>" with "<app-page-view[1|2|3]>".
    • Replaced "my" with "app", for './app-icons.js'.
  9. Renamed /src/components/my-icons.js to /src/components/app-icons.js
    • Replaced "my-icons" with "app-icons", and "MyIcons" with "AppIcons".
  10. Renamed /src/components/my-view1.js to /src/components/app-page-view1.js
    • Replaced "my-view1" with "app-page-view1", and "MyView1" with "AppPageView1".
  11. Renamed /src/components/my-view2.js to /src/components/app-page-view2.js
    • Replaced "my-view2" with "app-page-view1", and "MyView2" with "AppPageView2".
  12. Renamed /src/components/my-view3.js to /src/components/app-page-view3.js
    • Replaced "my-view3" with "app-page-view1", and "MyView3" with "AppPageView3".
  13. Renamed /src/components/my-view404.js to /src/components/app-page-view404.js
    • Replaced "my-view404" with "app-page-view1", and "MyView404" with "AppPageView404".
  14. (OPTIONAL) Configure "Firebase Hosting + Firebase Functions" to allow deployment of the PWA Ownerless Kit:

About

A PWA Starter Kit template, forked from Polymer/pwa-starter-kit, for building full-featured Progressive Web Apps from web components - using an "ownerless" concept. This fork replaces the naming convention used in the master branch, wherein "my-[component]" is replaced with "app-page[-component]".

https://pwa-ownerless-kit.web.app


Languages

Language:JavaScript 84.8%Language:HTML 15.2%