Skip to main content

// Work

Projects as
case studies

Each project tells a story. Not just what was built, but why it mattered and what problems it solved.

~/projects/qrgen

TOOL FRONTEND

QRGen

"A fast, privacy-first QR studio—premium styling and logo embedding without paywalls, watermarks, or noise."

I built QRGen after hitting the same wall everyone hits: paywalls for clean exports, watermarks on "free" downloads, ads cluttering simple tasks, and tools that quietly ship your URL to a server. It is an open, browser-based generator for people who want real customization—gradients, eye shapes, dot styles, centered logos—with a calm, modern UI. Generation stays client-side, so what you type is not sent off to a backend to be turned into a code.

Tech Stack

Vue 3 · TypeScript · Vite · Tailwind CSS · DaisyUI · qr-code-styling · VueUse · vue-advanced-cropper · Lucide

View Live Demo Source Code

Key Features

  • ▸ Client-side generation—URLs and text stay in the browser
  • ▸ Live preview that updates as you edit
  • ▸ Fine-grained styling: dots, finder eyes, solid and gradient fills
  • ▸ Logo upload with integrated cropper for clean center placement
  • ▸ Quick presets: social icons and emoji-friendly workflows
  • ▸ High-resolution PNG export without watermarks
  • ▸ Dark mode and glass-style UI, mobile-first layout
  • ▸ Open source (MIT) for audit and contribution
QR
// More Projects In Progress

The lab is always active

I'm constantly building, experimenting, and shipping new projects. Check back soon for more case studies, or reach out if you'd like to collaborate on something interesting.