Marco Abel Zefanya, home
Back

Context: ProductionRole: Full-Stack Engineer

Production Tracking

Shop-Floor Lot Tracking System

Follows every box of parts from a printed lot card through each station scan to a live monitoring board.

Availability

Private production system

  • QR and barcode lot cards
  • Station scan kiosks
  • Live lot monitoring board

About the app

Production Tracking follows parts through a factory one box at a time. Each box gets a printed lot card, every station scans the card in and out, and supervisors watch a live board that shows where each lot is, how long it has waited, and which lots are stuck.

Technology stack

  • Next.js
  • React
  • PostgreSQL
  • Tailwind CSS
  • Docker

Features

  • Lot creation that splits a batch into box-sized lots and prints QR and Code 128 cards.
  • Station scan kiosks with a full-screen in or out confirmation, by scanner or camera.
  • A monitoring board with lot counts per station, subcontract status, and lots waiting too long.
  • An append-only scan history per lot, where a wrong scan is reversed instead of deleted.
  • A machine counter board comparing the shift target with actual output.

Responsibilities

  • Built the Next.js app: lot creation, card printing, scan kiosks, and the monitoring board.
  • Designed the PostgreSQL schema for lots, routes, and the append-only scan log.
  • Built the QR and barcode card layouts for label printers.
  • Built the machine counter display for the shop floor.

Screenshots