Featured project
Plants Verse Garden ā Wholesale Portal
Type
B2B SaaS Portal
Platform
Shopify Liquid
Products
1,600+ varieties
Client
Plants Verse Garden
A full-featured wholesale ordering portal built inside Shopify ā giving nursery buyers exclusive catalog access, real-time stock browsing, draft order management, and logistics preferences, all behind a secure B2B authentication layer.
What was built
B2B Auth system
Custom login & registration with wholesale account approval flow. Session persistence, password visibility toggle, demo credentials support.
Live product catalog
Paginated fetch of 1,600+ Shopify products via JSON API. Real-time filters by vendor, type, availability. Grid/list view toggle with sort controls.
Draft order management
Buyers can save named drafts with shipping weeks, resume them later, and publish when ready. Multiple concurrent drafts ā each with unique name + date.
Logistics preferences
Buyers choose between own shipping, Triad Logistics full service, or consolidation. Plant label options, preferred shipping week date range selector.
Orders dashboard
Full order history: drafts, in-progress, and completed. Order detail view with item breakdown, totals, freight estimates, and shipping contact.
Shopify theme section
Built as a native Shopify Liquid section with full schema controls ā collections, promo banners, social links, phone, demo credentials ā all editable in the theme editor.
Tech stack
Vanilla JS (ES6+)
CSS Custom Properties
Shopify JSON API
localStorage persistence
Google Fonts
Inline SVG sprite
CSS animations
Responsive layout
Key challenges solved
Paginated bulk product fetch ā loading 1,600+ Shopify products in 250-item batches without blocking the UI, with retry and error states.
Multi-draft state management ā buyers can maintain concurrent drafts with different names and shipping dates, all persisted across sessions via localStorage.
Zero-dependency frontend ā entire SPA built with vanilla JS inside a single Shopify Liquid file, no React/Vue, no build step, deployable directly via the theme editor.
Custom B2B auth layer ā registration, session persistence, and account approval flow without Shopify’s native customer accounts or any backend code.
Live site
plantversgarden.com
