Skip to main content

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

Live GitHub Read Case Study

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
Qrgen

// More projects in progress

The lab is always active

I'm currently exploring the intersection of AI-driven developer productivity and distributed systems performance. Check back for new experiments, or reach out if you'd like to collaborate.