https://github.com/sdras/firefighter-demo

🚨 Demo to improve an existing firefighter app by making it queue tasks offline
https://github.com/sdras/firefighter-demo

background-sync firefigher offline service-worker service-worker-vue service-workers vue-backgroundsync

Last synced: 9 days ago
JSON representation

🚨 Demo to improve an existing firefighter app by making it queue tasks offline

• Host: GitHub
• URL: https://github.com/sdras/firefighter-demo
• Owner: sdras
• License: mit
• Created: 2018-02-04T07:29:17.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-04T22:19:44.000Z (almost 7 years ago)
• Last Synced: 2024-10-11T15:45:26.901Z (about 1 month ago)
• Topics: background-sync, firefigher, offline, service-worker, service-worker-vue, service-workers, vue-backgroundsync
• Language: HTML
• Homepage: https://sdras.github.io/firefighter-demo/
• Size: 12.7 KB
• Stars: 68
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🚨 Firefighter Offline Demo

![Firefighter Offline Demo](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/firefighter-sm.gif 'Firefighter Offline Demo')

### 🔗 Live demo at

[https://sdras.github.io/firefighter-demo/](https://sdras.github.io/firefighter-demo/)

### ➡ check the console

There’s a firehouse near where I live, and they have some sufficiently complex systems to help make sure that everything is online and functioning. I went out to their station to learn about how everything works and see if there was anything I could build that might help. Here’s what I learned:

When the fire truck goes out, it has to communicate with a dispatcher, which will help facilitate if they need more water, supplies, or backup.

The app is very simple, purposefully so- because they want everyone to be able to use it, quickly, at a glance, and there aren’t that many things they might need. For their use case, what they created is perfect.

But what happens if they're all sudden offline? What happens if they can't communicate?

Right now, currently, it fails. They’re just hosed. Get it? Hosed. `dad joke alert`

So, here’s our opportunity. What I did was make a project that uses the following technologies to solve this problem for them:

* service workers

* `backgroundSync`

* `client.postMessage`

Additionally:

* Vue.js

Articles explaining the demo will be available soon.