linomp / svelte-qr-mqtt

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

Home Page:https://linomp.github.io/svelte-qr-mqtt/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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).

Try it out: Live demo

svelte-qr-mqtt-figure

Setup

npm install
npm run 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).

New: web graphics & physics experiment

A first attempt at re-creating the google gravity effect, done with WebGPU, Pixi.js & Matter.js.

See source | Try demo

Credits: @lmeullibre

About

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

https://linomp.github.io/svelte-qr-mqtt/


Languages

Language:Svelte 51.1%Language:HTML 19.1%Language:TypeScript 17.2%Language:CSS 9.0%Language:JavaScript 3.6%