Overview

QR is a TypeScript-based web app focused on QR and barcode workflows. It combines generation, customization, scanning, and export capabilities in a single interface.

Core Features

• Generate QR codes for common payload types such as text, URL, Wi-Fi, email, phone, and vCard.
• Customize visual options (style, colors, and related rendering settings) before export.
• Scan QR codes in real time using camera input and image upload.
• Support barcode generation and detection in addition to QR-specific flows.
• Download generated outputs in multiple formats.

Architecture

• Built with Next.js (App Router) and React for the frontend application structure.
• Uses reusable UI primitives and components (Radix-based patterns) for consistent UX.
• Styling is handled with Tailwind CSS and related utility tooling.
• QR generation relies on qr-code-styling; scanning uses @yudiel/react-qr-scanner; barcode support includes jsbarcode and jsqr.
• Project quality is maintained with ESLint and Prettier.