/react-qr-mqtt

Proof of concept: a React app with in-browser QR code generation + interaction with the webpage through a smartphone (using MQTT over websockets).

Primary LanguageSvelte

svelte-qr-mqtt

A simple Svelte app that creates a QR code to be scanned with a smartphone. This opens another page on the phone, with a couple of buttons that trigger actions on the original page (via MQTT).

This is a building block of my personal website.

Try it out: Live demo

svelte-qr-mqtt-figure

Setup

If you don't already have it, install yarn (globally):

npm install -g yarn

Then:

yarn install
yarn dev

See the .env files for broker configuration.

Currently, the broker listed there is a public Mosquitto MQTT broker provided by Eclipse for testing (supports MQTT over secure web sockets).