manab-kb/PWA-Demo

PWA Demo - MLSA

pwa-starter

Please use our main repository for any issues/bugs/features suggestion.

Documentation

The PWABuilder pwa-starter is our opinionated, best practices, production tested starter that we use to build all of our PWAs, including PWABuilder itself! The pwa-starter is a starter codebase, just like create-react-app or the Angular CLI can generate, that uses the PWABuilder team's preferred front-end tech stack.

With it you get an app that:

• Has no build system to set up and no boilerplate code to add. Everything is included out of the box.
• Has a Service Worker system using Workbox
• Scores close to 100 on Lighthouse out of the box
• Using the fluent Web Components, you can build native looking PWAs on Windows
• Has everything needed to be installable in the browser
• Is ready to be package for the app stores using PWABuilder

and all with just a few button clicks 😊.

Get Started!

Sample PWAs built with the starter!

• SimpleEdit: Simple Image editing and collage making app!

  • Github: https://github.com/jgw96/simple-edit-2
  • Web: https://gray-pond-01ccec410.azurestaticapps.net/
  • Microsoft Store: https://www.microsoft.com/store/productId/9P53Q9BF3MV6
  • Google Play: https://play.google.com/store/apps/details?id=net.azurestaticapps.thankful_tree_07da4921e.twa&hl=en&gl=US

• Mail GO: Full featured email client. This app aims to show the power of the web by integrating many of the advanced APIs now avilable to PWAs, such as receiving content shared from another app, a custom titlebar, sycing data in the background and more!

  • Github: https://github.com/jgw96/graph-app
  • Web: https://www.memosapp.app
  • Microsoft Store: https://www.microsoft.com/store/productId/9NQW566N4866

More Resources

• The pwa-starter docs

Contributing to PWA Demo

Hello and welcome! We are so glad that you are interested in contributing to the PWA! We only have a couple of rules and we hope you enjoy the process :)

Contributing Rules

1. Don't move or delete any files. Only modify them.
2. Navigate here to add content.
3. Navigate here to edit styles.

Contributing Process

1. Fork the repository
2. Clone your forked repository to your computer
3. Head to the issues tab and look for an issue that you like.
4. Once you have decided what issue to work on, give it a shot!
5. Once done, push the code to your forked repository.
6. Head to the Pull Requests tab and click on "Create New Pull Request"
7. On the left of the arrow should be this repo and on the right should be yours.
8. Add a small description to the Pull Request describing what you've done.
9. Mention what Issue you have worked on. If the issue number is #3, you can mention "Closes #3" in the Pull Request description.
10. Submit Pull Request

It's that easy! We hope you enjoy contributing to our repository. Don't hesitate to contact any of the maintainers about any problems!