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 listThe Build Prompt
copy it and go buildready 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 listWhat you lose
- ✕Hosted infrastructure and managed operations from QR Tiger
- ✕The original service's mature integrations and ecosystem
Prior art / alternatives
Why it still works
💅 execution polish
In-List Ad$79/30 days
promote your product in the vibecoded list