Back to Projects
Client-Side Tool & Vector Graphics
2024

QR-Code Creator — Client-Side Vector Privacy-First Generator

Web application for instantaneous high-resolution permanent QR generation with safe-zone logo embedding and pure vector SVG export.

JavaScript ES6+HTML5 Canvas APISVG DOMCSS3Client-Side Only
QR-Code Creator — Client-Side Vector Privacy-First Generator
Problem & Strategy

Project Origins (Why it was built)

Il Problema Iniziale

Commercial QR generation services on the web are riddled with predatory dark patterns: invasive trackers, ads, watermark paywalls, and expiring redirect links engineered to force subscription renewals.

Il Contesto Tecnico

Print media QR codes (business cards, restaurant menus, packaging) must be permanent, static, and exportable at extreme vector resolution. The entire generation pipeline needed to run locally in the browser with zero server telemetry.

L'Obiettivo Ingegneristico

Engineer a lightweight vanilla JavaScript utility with real-time Canvas rendering, Reed-Solomon error correction safe-zone calculation for central logos, and infinitely scalable pure SVG vector export.

Engineering Challenges

Technical Challenges & Engineering Solutions

Challenge #1

Logo Embedding Without Breaking Scanner Readability

La Complessità / Il Problema:

Placing a graphic in the center of a QR matrix destroys data modules; improper sizing causes scanner decoding failures.

La Soluzione Ingegneristica:

Enforced Reed-Solomon Level H (High, 30% recovery tolerance) and mathematically constrained the logo radius to 20% of total surface area with a circular protective barrier preserving alignment patterns.

Challenge #2

Pure Vector SVG Serialization from Boolean Matrix

La Complessità / Il Problema:

Most online converters generate fake SVGs by wrapping a raster base64 PNG inside an SVG tag, ruining print sharpness.

La Soluzione Ingegneristica:

Engineered a custom DOM serializer iterating over the boolean module matrix, emitting a single optimized <path> element with absolute coordinates (<5KB file size) suitable for billboard print scales.

Start a Project

Have an idea or a technical challenge to solve?

I architect and engineer modern web applications, scalable platforms, and bespoke cloud workflows tailored to your requirements.