User

Frontend: React + Tailwind

Interface

POST /api/detect
GET /api/products

Backend: Python Flask

API requests · Image pre-processing · Product lookup

Flask Server

Image Processing

Product DB

Error Handling

YOLOv8 (detection) · pyzbar (barcode) · pytesseract (OCR)

Inputs: image frames
Outputs: product key, confidence

Data Storage

products.json

yolov8x / best.pt

user data

Tech Stack

Frontend: React, Tailwind
Backend: Flask, ultralytics
AI: YOLOv8, pyzbar, pytesseract
DB: products.json
Dev: VS Code