# GenQBar

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

Part of [BugLabs.dev](https://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](https://astro.build) — static site generator
- [qrcode](https://github.com/soldair/node-qrcode) — QR code SVG generation
- [JsBarcode](https://github.com/lindell/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.