NeuralNik/linkr

QR Code Scanner Integration

Aperta

#20 aperta il 11 ott 2025

Vedi su GitHubGuida contributor
 (2 commenti) (0 reazioni) (1 assegnatario)TypeScript (3 fork)auto 404
featurefrontendhacktoberfest

Metriche repository

Star
 (0 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor

Direzione di ricerca
Implementa l'accesso alla fotocamera con getUserMedia, integra jsQR per la decodifica in tempo reale, mostra l'URL scansionato e aggiungi l'opzione per generare un nuovo QR.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75