QR-Werkbank

Offline QR code generator & reader in a single HTML file. No server, no external fonts, no outside calls — everything runs locally in the browser.

🔗 Live demo: https://docatprompt.github.io/qr-werkbank/ 🇩🇪 Auf Deutsch: zur deutschen Version ↓

Screenshots

Batch / Stapel

Dark mode / Dunkelmodus

Mobile / Handy

Features

• Generate: link/text, email, phone, SMS, location, contact card (vCard), Wi-Fi, event (.ics), payment (GiroCode/SEPA with ISO 7064 IBAN validation).
• Batch: many codes at once, individual or bulk download (SVG/PNG), automatic file naming.
• Read: from a file, paste (Ctrl/Cmd + V) or camera (camera requires https or localhost).
• Edit: load a scanned code back into the form, change it and regenerate.
• Self-test: every generated code is decoded internally — warns if it wouldn't scan.
• Styling: centred logo, caption above/below the code, foreground/background colours with contrast and inversion warnings, module shape (squares/dots).
• Output: save or copy SVG/PNG to the clipboard, print a poster.
• Profile: export/import as JSON (no browser storage — the file stays with you).
• UX: German/English toggle, light/dark mode, "Add to Home Screen" on mobile (own app icon).

Usage

• Just open index.html in a browser.
• App-like on mobile: open the page via its https URL → Share/menu → "Add to Home Screen".
• Camera scanning needs a secure context (https or localhost). The live demo qualifies; as a local file:// the camera is blocked — use file/paste instead.

Privacy

Nothing leaves your machine: no servers, no tracking, no network access. Once loaded it works fully offline — suitable for sensitive environments (e.g. a medical practice).

Disclaimer

Payment codes (GiroCode/SEPA) are generated locally from your input. Test every payment code yourself with your banking app before use. No liability is accepted for the correctness of the transfer data or any resulting damage — use at your own risk.

License & credits

• Own code: MIT (see LICENSE).
• Embedded: qrcode-generator (Kazuhiko Arase, MIT) for encoding, jsQR (Apache-2.0) for decoding.

---

Deutsch

Offline QR-Code-Generator & -Leser in einer einzigen HTML-Datei. Kein Server, keine externen Schriften, keine Aufrufe nach außen — alles rechnet lokal im Browser.

🔗 Live-Demo: https://docatprompt.github.io/qr-werkbank/ 🇬🇧 In English: to the English version ↑

Funktionen

• Erzeugen: Link/Text, E-Mail, Telefon, SMS, Standort, Visitenkarte (vCard), WLAN, Termin (.ics), Zahlung (GiroCode/SEPA mit IBAN-Prüfung nach ISO 7064).
• Stapelverarbeitung: viele Codes auf einmal, Einzel- oder Sammel-Download (SVG/PNG), automatische Namensvergabe.
• Lesen: per Datei, Einfügen (Strg/Cmd + V) oder Kamera (Kamera nur über https bzw. localhost).
• Bearbeiten: einen gelesenen Code ins Formular übernehmen, ändern und neu erzeugen.
• Selbsttest: jeder erzeugte Code wird intern zurückgelesen — meldet, wenn er nicht scanbar wäre.
• Gestaltung: Logo mittig, Beschriftung über/unter dem Code, Vorder-/Hintergrundfarbe mit Kontrast- und Invers-Warnung, Modulform (Quadrate/Punkte).
• Ausgabe: SVG/PNG speichern und in die Zwischenablage kopieren, Druck-Aushang.
• Profil: Export/Import als JSON (kein Browserspeicher — die Datei liegt bei dir).
• Bedienung: Deutsch/Englisch umschaltbar, Hell-/Dunkelmodus, „Zum Home-Bildschirm" am Handy (eigenes App-Icon).

Nutzung

• index.html einfach im Browser öffnen — fertig.
• Am Handy wie eine App: die Seite über die https-Adresse öffnen → Teilen/Menü → „Zum Home-Bildschirm hinzufügen".
• Kamera-Scan braucht einen sicheren Kontext (https oder localhost). Die Live-Demo erfüllt das; als lokale Datei (file://) ist die Kamera blockiert — dann Datei/Einfügen nutzen.

Datenschutz

Nichts verlässt den Rechner: keine Server, kein Tracking, kein Netzwerkzugriff. Einmal geladen, läuft die Seite komplett offline — geeignet für sensible Umgebungen (z. B. Ordination/Praxis).

Haftungsausschluss

Die Zahlungs-Codes (GiroCode/SEPA) werden lokal aus deinen Eingaben erzeugt. Prüfe jeden Zahlungscode vor dem Einsatz selbst mit deiner Banking-App. Für die Richtigkeit der Überweisungsdaten und daraus entstehende Schäden wird keine Haftung übernommen — Nutzung auf eigene Verantwortung.

Lizenz & Credits

• Eigener Code: MIT (siehe LICENSE).
• Eingebettet: qrcode-generator (Kazuhiko Arase, MIT) zum Erzeugen, jsQR (Apache-2.0) zum Lesen.