QR Vision SS homepage

Full-Stack Web App, Computer Vision, Image Processing

QR Vision SS - QR Code Generator, Decoder & Real-Time Scanner

CompletedFull Stack DeveloperComputer Vision Project
Duration: May 2026 – May 2026
Affiliation: Islamic University, Bangladesh
Live Site: View Live
Repository: GitHub

Project Overview

QR Vision SS is a full-stack web-based QR code generation and scanning system developed as part of practical learning in Digital Signal and Image Processing.

The project combines frontend development, backend API development, image processing, computer vision, and deployment into one complete application.

Users can generate QR codes from text or links, upload QR images for decoding, and scan QR codes in real time using a webcam.

Key Features

  • QR code generation from text or URL
  • QR image upload and decoding
  • Real-time webcam QR scanning
  • FastAPI backend integration
  • OpenCV-based image processing logic
  • Frontend-backend API communication
  • Responsive and deployed web application
  • Separate frontend and backend deployment
  • Browser-based camera access
  • Practical computer vision implementation

Learning Outcomes

  • Applied image processing concepts in a real-world web application
  • Practiced OpenCV-based QR detection and decoding
  • Built API-based communication between frontend and backend
  • Integrated browser webcam access into a web application
  • Practiced full-stack deployment workflow

Technologies & System Stack

Core Stack

Next.jsReact.jsTypeScriptTailwind CSSPythonFastAPIOpenCVPillowqrcodeVercelRenderGitHub

Screenshots

QR Vision SS homepage

QR Vision SS homepage

QR Vision SS multi-device responsive showcase

QR Vision SS multi-device responsive showcase

QR Vision SS real-time webcam scanning

QR Vision SS real-time webcam scanning

QR Vision SS webcam QR code decoding results

QR Vision SS webcam QR code decoding results

QR Vision SS file upload and decode system

QR Vision SS file upload and decode system

QR Vision SS backend API documentation in dark mode

QR Vision SS backend API documentation in dark mode

QR Vision SS theoretical image processing background

QR Vision SS theoretical image processing background

QR Vision SS mobile view layout

QR Vision SS mobile view layout

QR Vision SS GitHub repository

QR Vision SS GitHub repository