SupplyMate Wholesale

SupplyMate Wholesale is a self-initiated concept project: a fictional supplier of packaging and front-of-house consumables for Thai cafés and restaurants. Wholesale differs from retail in the unit being sold — buyers order cartons, packs and rolls, not single pieces. So the storefront has to settle three questions before anyone can order: what one carton costs, how many pieces are inside it, and what the minimum order is. The catalogue, the product page and the cart are all built around those three.

An honest note — the published demo is front-end only. There is no account system, no back office and no real orders. Every screen carries the notice “Concept demo — ไม่รับคำสั่งซื้อจริง” and the final button is labelled a simulated order.

• Six catalogue categories, with Thai search and category filtering on one page
• Product cards carry the price per carton and the pieces per carton in the grid itself
• The product page groups unit, pieces per carton and minimum order in one block above the buy control
• The cart enforces the minimum order — quantity cannot drop below it
• Checkout ends at a simulated confirmation: no payment taken, nothing sent out of the browser
• React + Vite + TypeScript, Tailwind + shadcn/ui, cart state in Zustand

It suits suppliers, distributors and shops selling by the carton or the pack — businesses whose site has to settle unit and minimum order before anything else, not merely show the product. If you sell single items at retail, a standard online store is enough and this structure is more than you need.