GenQBar/README.md

GenQBar

Client-side QR code and barcode generator. No server, no tracking, no data leaves your browser.

Part of BugLabs.dev.

Features

• QR codes — any text or URL, with selectable error correction (L/M/Q/H) and size (128/256/512px)
• Barcodes — CODE128, CODE39, EAN-13, EAN-8, UPC-A; optional value display
• SVG download — clean vector output, ready for print or web
• Live preview — generates as you type, 300ms debounce
• No dependencies at runtime — pure client-side, Astro static output

Stack

• Astro 6 — static site generator
• qrcode — QR code SVG generation
• JsBarcode — barcode SVG generation
• Vanilla JS, Space Grotesk + Space Mono fonts, no UI framework

Project Structure

src/
├── layouts/
│   └── Layout.astro      # HTML shell, Google Fonts
├── pages/
│   └── index.astro       # Generator page + client JS
└── styles/
    └── app.css           # Design system (BugLabs.dev tokens)

Commands

Command	Action
npm install	Install dependencies
npm run dev	Dev server at localhost:4321
npm run build	Production build to ./dist/
npm run preview	Preview production build locally

Requires Node >= 22.12.0.