Modern data-driven PWA

This project is part of the FullWeb.dev project.
Go check fullwebdev/fullwebdev for more information.

During this codelab, you’ll create a fully offline-capable, data-driven Progressive Web App with state of the art modern capabilities.

• 👨‍💻 instructions: on fullweb.dev
• 📖 Notes
• 🏠 Home: fullwebdev/fullwebdev

Getting started

Follow the Codelabs instructions.

Steps

Each step of this codelab can be automatically done by running one of the following commands from the root directory of this project.

⚠️ steps (i.e. patches) can only be applied in the right order
(4-4, then 4-5, then 4-6 etc...)

node script

npm run goto --step="<short-step-name>"

"short-step-name" being the name of a directory in steps/

git

git apply steps/<long-step-name>.patch

More resources

• Data driven PWA codelab instructions & repository
• IndexedDB API, lecture, lab, and concepts
• Workbox
• Background Sync
• Workbox codelab
• PWA training materials
• Notes (with links to other resources)

License

© Copyright 2020 Noël Macé

This project is licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

This is a derivative of the Workbox-Indexdb codelab starter code by Google.