POMPKINS Merchant Portal

My Role

Sole frontend developer — designed and built the entire merchant portal from scratch. The portal is the primary B2B interface for restaurant operators on the POMPKINS platform, covering order operations, financial reporting, customer analytics, and store configuration in one dashboard.

What I Built

• Dashboard — real-time overview of orders, revenue, and activity
• Order management — live order queue, delivery order tracking, and order detail drill-down
• Financial suite — four views: overview, analytics charts, payout management, and profit breakdown
• Customer intelligence — customer insight metrics and a location heatmap for delivery coverage
• Menu management — full menu editor with drag-and-drop item reordering
• Store configuration — merchant settings, open hours, employee management, and plugin toggles
• Operations & compliance — contracts, bank account setup, invoice history, transactions, and review management
• Help center — in-portal support page

Technical Highlights

• TanStack Query v5 — server state management for all data fetching, mutations, and cache invalidation; replaces SWR for finer-grained cache control in a data-heavy dashboard
• TanStack Table v8 — powers complex paginated data tables across orders, transactions, customers, and invoices with sorting and filtering
• Recharts — financial analytics charts (revenue trends, order volume, profit breakdown)
• @dnd-kit — drag-and-drop menu item reordering with sortable list, modifier constraints, and optimistic UI updates
• react-leaflet — customer delivery location heatmap; Leaflet chosen over Google Maps for offline tile flexibility and zero per-request cost
• pino — structured JSON logging with pino-pretty for readable development output; consistent log levels across API calls and user actions

Screenshots