Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.browserslistrc
.env.development
.env.production
.gitignore
README.md
babel.config.js
package-lock.json
package.json
postcss.config.js
vue.config.js

README.md

Project description

This repo contains the code that accompanies a series of blog posts you can read either on our blog or on Medium.

It's a simple PWA created using the @vue/cli with the pwa plugin. It uses the Notifications API to show a notification once you enabled them. With notifications enabled you are able to send a push notification to yourself with custom text.

Part 2

In part 2 we include push notifications. For that, we need a backend which we create using the Laravel framework. The repo for the Laravel project is available here. The frontend code is available in this release. You can read the corresponding blogpost on our blog.

Our app v0.2

Part 1

In part 1 we setup the project and create a page with a button. Clicking the button results in a notification on your screen. No push notifications yet...

The app we'll build

The code can be found in release v0.1 and the corresponding blog post is here.

Demo

I have a demo of the code running on https://app.plint-demos.nl/. However, as I write more tutorials on this topic, the demo will be more involved and I'll report which code the demo reflects. Currently, the demo reflects Part 2

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production => only with production code this will work!

npm run build