NeuralNik/linkr

QR Code Scanner Integration

开放

#20 创建于 2025年10月11日

 (2 条评论) (0 个反应) (1 位负责人)TypeScript (3 个派生)auto 404
featurefrontendhacktoberfest

仓库指标

星标
 (0 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

Add a QR code scanner feature that allows users to scan existing QR codes using their device camera to see what URLs they contain.

Requirements:

  • Camera access permission handling
  • QR code detection using jsQR or similar library
  • Real-time scanning with camera preview
  • Display scanned URL with validation
  • Option to generate new QR for scanned URL
  • Mobile-optimized scanning interface

Files to modify:

  • Create src/components/QRScanner.tsx
  • src/pages/Home.tsx
  • Add camera and QR scanning dependencies

Acceptance Criteria:

  • Camera permission request and handling
  • Real-time QR code detection from camera
  • Display scanned URL clearly
  • Works on both desktop and mobile
  • Option to create new QR from scanned URL

贡献者指南