44 lines
1.5 KiB
Markdown
44 lines
1.5 KiB
Markdown
# 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.
|