DEV Community

Cover image for PWA and offline cache
Thomas Bnt ☕
Thomas Bnt ☕

Posted on

PWA and offline cache

During the end of the day as well as a good evening, I wanted to get back in practice with PWA and the cache manager for offline mode in order to serve a web page even without an internet connection.

I looked into it, and after reading Progessive Web Apps from Google and tweaking some scripts to make it work, I managed to integrate it.

So I shared all this with you on Github:

  • Progressive Web Apps
  • Service Workers
  • Offline Mode
  • Randomize letters
  • Install on your device (Computer on Chrome, all smartphones with Firefox or Chrome)

Starting in Chrome 73, Progressive Web Apps are now supported on all desktop platforms, including Chrome OS, Linux, Mac, and Windows. Link to post

Example

This name of the project named Randomize_letter.
Also created number version here.

GitHub logo thomasbnt / Randomize_letter

It's just a randomizer of letter.

Discord Support me on BMC Twitter Follow

I Integrations

It's just a randomizer of letters.

function Load() {
    let l = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
    const out = l.charAt(Math.floor(Math.random() * l.length)) // Randomize !
    document.getElementById('random').textContent = out // Get ID 'random' for edit the text context
    document.title = out // Edit the title of page
}
Enter fullscreen mode Exit fullscreen mode

Logo

Randomize_letter is a simple script with PWA (Manifest and init.js for install SW) and Service Worker.

II Contributions

Contributions are always welcome! Read the rules for contributions before you can participate.

Please ensure that your pull request complies with the following guidelines:

  • Alphabetize your entry.
  • Look for previous suggestions before making a new one, as yours can be a duplicate.
  • The suggested README files should be beautiful or stand out in some way.
  • Make…

I really like PWA and its features, because you can now create a native application on smartphones without having to update the Android/IOS and Web side code.

Top comments (0)