ONE-PAGE TOOL: Packing Slip Maker Build one complete, working single-page utility for a US small business. No signup, dashboard, admin console, account setup or multi-page app. The page follows input → live preview/result → copy, print or download. Optional browser-only draft storage must be clearly labeled with Clear all.
INPUTS, CALCULATIONS AND OUTPUT Business identity, order number, recipient and shipping address, ordered/packed/backordered quantities, SKU, item name and note. Generate print-ready packing slip with no prices; preserve partial shipments.
ACCEPTANCE EXAMPLE Order 5 units and ship 3 gives backorder 2. Reject packed quantity above remaining order quantity. Two totes and one mug totals 3 items. No prices appear in print/export even if supplied in an import.
US LOCALE Use USD, en-US thousands separators, two-decimal currency outputs, American English and US names (Emily Carter, Jessica Miller, Maple Goods, Oak Supply Co.). Use US addresses, ZIP strings, US Letter printing, inches and pounds when relevant. Dates must be unambiguous; numeric dates use MM/DD/YYYY. All samples are fictional and available through Load example, never mixed into user data. Any tax rates are user-configured examples, not a national rate.
IMPLEMENTATION Use decimal-safe money arithmetic and explicit rounding at the displayed/exported precision. Validate inputs inline, show useful empty/error states, and preserve edits during recalculation. Never fabricate OCR, payment, email, postage, cloud save or export success. Process files locally where possible. No network upload of user files without an explicit user action and destination. Actual downloads must open and contain the displayed totals. If PDF export is implemented through browser print, label it Print / Save as PDF. Do not add unnecessary backend dependencies.
DESIGN Follow the supplied preview composition and palette; translate tiny gallery text to accessible 16px body and labeled controls. Responsive one-page layout, 44px touch targets, keyboard focus, readable contrast, no horizontal overflow. Keep input and output together on desktop; stack them in workflow order on mobile. Use actual product uploads when requested; no stock photos of unrelated people or regional factory imagery.
VERIFY Test the numeric example above, zero/blank/negative inputs, reset, repeated export, keyboard operation and a 390px mobile viewport. Ensure printed pages have no navigation, clipped rows or missing totals. Deliver the working tool and explain only real required integrations.
VISUAL REFERENCE Brand: PACK / RIGHT. Headline: Everything in the box.. Composition: packing. Palette: cream. Primary action: Print packing slip. Preview inputs: Order #1042: Jessica Miller; Canvas tote · Olive: 2 packed; Ceramic mug · Ivory: 1 packed. Preview result: 3 items — PACKED FOR DISPATCH.