Proof of concept · Public demo

Carton ordering portal

We built a carton-ordering proof of concept for a packaging manufacturer, shown under a fictitious brand: a public product site, a customer portal and an admin console in one application, plus a public Build your box designer that prices a custom carton as the visitor designs it.

What it does

  • Public Build your box designer: 7 box styles with product photos, photo, dimensions and flat-blank previews, and an instant estimate with price breaks that show how a larger run lowers the unit price.
  • Estimates come from a versioned price book staff can edit and roll back, with a best-buy quantity suggestion; bookings keep the exact design and estimate.
  • A public product catalogue leads into a specification-based carton booking flow.
  • Customers submit specifications, review and accept quotations, and follow order status.
  • Staff quote bookings, move orders from submission through delivery, and print job sheets.
  • Inventory records receipts, issues and adjustments in a stock-movement ledger, with low-stock indicators and CSV export.
  • Role-based customer/admin access keeps the right screens and actions with the right users, and the header changes to My portal or Admin console once signed in.

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • PostgreSQL
  • Prisma

Demo access

Demo logins: admin admin@contoh.example and customer purchase@contoh.example. Password Demo@1234 for both. Demo data resets every hour. Please don't enter real personal or business information.

Scope: estimates use placeholder prices benchmarked on Malaysian market ranges and exclude SST, and the box-style photos are placeholder product images. This is a booking and quotation POC; no online payment is taken. The brand, company, address, people and orders are fictitious demo data. Branding, catalogue content and business data are demo material, not client performance evidence.

Want something like this for your business?

Tell us what you're trying to do and we'll suggest a practical first step.

Email us