B2B Ordering Portal — Interactive Prototype
Replacing manual email ordering with a modern, automated system
📊
Admin Dashboard
Overview metrics, low stock alerts, recent orders
📦
Admin Product Catalog
Product management with visual cards and stock tracking
🛒
Customer Portal
Browse catalog, add to cart, place orders
👤
Guest Checkout
Order form for new customers with PDF generation
About This Prototype
This prototype demonstrates the core user interfaces for Mari's Gardens B2B Ordering Portal. The system replaces manual email-based ordering with a streamlined digital platform serving 70+ wholesale clients across Hawaii.
Stack
- • Next.js 14 (App Router)
- • TypeScript
- • Tailwind CSS
- • Shadcn/ui
Features Shown
- • Admin operations
- • Customer ordering flow
- • Guest checkout
- • Real-time stock tracking
Note: This is a visual prototype with mock data. Backend integration (Supabase, QuickBooks, email) would be implemented in the MVP phase.