Back to projects
05AI · E-commerce2026Complete

AI Listing Studio

An AI-assisted commerce workstation: turn a product photo into publish-ready listing copy, then manage inventory, POS, orders, and shipping in one app — the most complete of several iterations, at 200+ components.

Screenshots
Details

Role: Solo developer

Status: Complete

ReactTypeScriptViteTailwind CSSSupabasePostgreSQLEdge FunctionsAI VisionBarcode/QRjsPDF
Problem

Listing products across multiple sales channels means writing a title, description, and attributes for every single SKU by hand — slow, inconsistent, and easy to get wrong at volume. And listing is only half the job: the same catalog still needs inventory, point-of-sale, orders, and shipping handled somewhere — usually a separate tool that never quite matches what's listed.

Approach

AI Listing Studio brings listing creation and back-office operations into one app. AI listing generation: upload a product photo and AI drafts the listing copy — title, description, and details — so a SKU goes from image to publish-ready in seconds instead of minutes. Operations: inventory, point-of-sale, orders, and shipping are all handled in the same place, with barcode/QR generation and PDF export (jsPDF) for labels and paperwork. Built with React + TypeScript (Vite) and Tailwind, on Supabase for the Postgres database, auth, and edge functions that run the AI calls. At 200+ components it's the largest and most complete of several 'AI lister' iterations.

Outcome

The most fully-built of the lister family — 200+ components refined over several rounds into a genuinely usable internal tool for a real multi-channel seller.

AI Listing Studio | Hassan Al Salam