QR Plate

Building a QR Code Generator With Zero Server Round-Trips

Most QR generators send your input to a server, render an image, and send it back. QR Plate skips that entirely — everything from encoding to styling happens in the browser using qr-code-styling.js, a JS library that renders QR codes to canvas/SVG with full control over dot shapes, corner styles, and center logos.

The interesting constraint was balancing style freedom against scannability. A heavily styled code — rounded dots, a logo punched into the middle — has less usable data area than a plain black-and-square code. The fix is automatic: whenever a logo is added, error correction bumps up to "High" (30% redundancy), so the code stays scannable even with a chunk of it visually covered.

Since there's no backend processing the actual QR content, there's also no server that ever sees what URL, WiFi password, or UPI ID someone is encoding — it never leaves their browser except as a downloaded image. Twelve different QR types (URL, WiFi, UPI, vCard, WhatsApp, Email, Phone, SMS, Event, Review, Location, plus bulk generation) share the same client-side rendering core, with PHP handling page routing and the surrounding site shell rather than any per-request generation logic.