Can I vibecode QR Tiger?

price $15/moyou'd save $180/yrbuild time one sittingcategory qr-codesreplaced by 0 people
YES
MOATexecution polish

A library call with a UI. Peak "why is this a subscription."

In-List Ad$79/30 days
promote your product in the vibecoded list

The Build Prompt

copy it and go build
ready to paste · 2,580 chars
Build a full-featured QR code generator web application inspired by QR Tiger and Shots.so QR.

### Product Brief & Modes
The app supports two modes:
1. Static Mode: Pure client-side generation without server dependency (URL, plain text, WiFi config, vCard contact, Email, Phone, SMS, multi-link container).
2. Dynamic Mode: Server-managed redirect links (/r/:slug -> destination URL). Allows updating target URL post-printing and tracking scan analytics.

### Tech Stack & Architecture
- Frontend: Astro or vanilla HTML+JS using `qr-code-styling` client-side library for live rendering.
- Backend: Lightweight server (Node/Express or Hono) + SQLite/D1 database for dynamic redirects and analytics.
- Storage: Logo uploads stored as base64 strings or S3/R2 compatible object storage.

### Core Screens & Navigation
1. Generator Studio: Tabbed input controls (URL, Text, WiFi, vCard, Email, Phone, SMS, Multi-Link), live side-by-side preview panel, and pre-built design presets/templates.
2. QR Library / History: Dashboard listing created dynamic QRs with search, filter, fast inline edit for redirect targets, and quick scan count widgets.
3. Analytics Dashboard: Per-dynamic QR metrics page showing total scans, 30-day timeline chart, country breakdown, and device/browser distribution.
4. Batch Generator: Multi-URL bulk creator input (paste raw list or CSV), batch customization application, progress tracker, and bulk ZIP download.

### Customization Capabilities
- Colors: Single solid color picker or multi-stop linear/radial gradient fills for foreground & background with live preview.
- Dot Shapes: Square, rounded, dots, classy, corner-rounded.
- Eye Frames & Corners: Customizable outer frame style, inner eye pattern, and eye color accents.
- Center Logo: File upload (base64/R2) with size scaling, margin padding, and background clearout behind logo.

### Downloads & Export
- SVG (scalable vector format for print).
- PNG (multi-resolution export options: 1x, 2x, 4x HD up to 4000px).
- PDF document export with printable crop marks and edge bleed guidelines.
- Batch export: Export all generated batch QRs packed into a single ZIP archive.

### Data Model
- QRCode: `id`, `type` (static|dynamic), `content` (raw data or slug), `redirect_url`, `style_config` (JSON string of colors, shapes, logo), `created_at`.
- Scan: `qr_id`, `scanned_at`, `ip_hash`, `user_agent`, `country`.

### Non-Goals
Do not implement user teams/workspace permissions, white-label custom domain setup, or paid API access tiers. Keep auth simple via single admin password or environment key.
In-List Ad$79/30 days
promote your product in the vibecoded list

What you lose

  • Hosted infrastructure and managed operations from QR Tiger
  • The original service's mature integrations and ecosystem
In-List Ad$79/30 days
promote your product in the vibecoded list
Share on X ->Your vote helps rank the vibecoded list.

Questions

5 answers