← Back to Featured Work
Project Demo

PSA Card Scanner and Batch Processor Demo

Watch the project interface connect image upload or camera input, client-side barcode scanning, backend processing status, and structured result display.

The Problem

A multi-image workflow has several distinct steps: preparing images, decoding supported barcode formats, submitting the decoded value, and tracking the resulting backend state.

The Solution

The React interface accepts image or camera input, applies browser-side preprocessing and barcode detection, then uses a FastAPI backend and persisted status records to represent complete, partial, and error results.

Technologies

ReactViteZXingFastAPIPostgreSQL

Evidence boundary

This recording demonstrates the project interface and workflow. It is not a benchmark for detection performance, throughput, or production operation. Individual frames should be reviewed for portfolio privacy before broader reuse.