Work06Browser application
SIGNAL
Codes that actually scan. A QR code and barcode generator. Links, text, Wi-Fi, contact cards, email and SMS as QR codes with styled modules and an optional logo; nine barcode symbologies; PNG or self-contained SVG export. Nothing leaves the tab.
01 /
Why
Most generators will happily hand you a code that looks right and scans wrong, or not at all. SIGNAL treats a QR code as an engineering artefact: one geometry drives the preview, the PNG and the SVG, so they cannot drift apart, and the tool tells you when a design choice will fail on a real scanner.
02 / Details
What it actually does.
- 01
Six QR payloads
Link, text, Wi-Fi, vCard contact, email and SMS, with the exact encoded string, byte count and error-correction level shown so nothing is a guess.
- 02
Escaping tested
Wi-Fi passwords and contact names with reserved characters are escaped correctly, and tests decode the finished image and compare it byte-for-byte.
- 03
Scannability warnings
Contrast under 3:1, inverted colours and a short quiet zone are flagged before export. Timing and alignment modules stay square whatever style you pick, because dotted ones stop decoding.
- 04
Nine barcodes
Code 128, Code 39, EAN-13, EAN-8, UPC-A, ITF-14, MSI, Pharmacode and Codabar, each with its own input rule and validation.
03 / Stack
Built with.
A React 19 application built with Vite and Tailwind CSS. Everything runs in the browser; the build is a static folder deployed to Vercel on its own subdomain.
- 01React 19
- 02Vite
- 03Tailwind CSS
- 04qrcode
- 05JsBarcode
- 06SVG