Unified marketplace orders management dashboard

Development of Unified Order Management Dashboard from All Marketplaces

A unified dashboard collects orders from the website and all connected marketplaces in one interface. Managers work in one window: they see all new orders, change statuses, print labels, without switching between marketplace accounts.

Dashboard Functionality

Order List:

• Filter by source (website, Ozon, WB, Yandex.Market)
• Filter by status, date, amount
• Search by order number, customer name, SKU
• Urgency indicator (FBS orders with short assembly time)
• Bulk actions: confirm multiple orders

Order Card:

• Complete customer and delivery information
• Product list with photos
• Action buttons depending on status
• Print label / transfer act
• Status change history

Data Architecture

// Periodically pull orders from all marketplaces
class MarketplaceOrdersSyncJob implements ShouldQueue
{
    public function handle(): void
    {
        $adapters = [
            'ozon' => app(OzonAdapter::class),
            'wb'   => app(WildberriesAdapter::class),
            'ym'   => app(YandexMarketAdapter::class),
        ];

        foreach ($adapters as $source => $adapter) {
            try {
                $lastSync = SyncLog::where('source', $source)->max('synced_at')
                    ?? now()->subHours(24);

                $orders = $adapter->getOrdersSince($lastSync);

                foreach ($orders as $rawOrder) {
                    $unified = $adapter->toUnifiedOrder($rawOrder);
                    Order::updateOrCreate(
                        ['source' => $source, 'source_order_id' => $unified->sourceOrderId],
                        $unified->toArray()
                    );
                }

                SyncLog::create(['source' => $source, 'synced_at' => now(), 'count' => count($orders)]);
            } catch (Exception $e) {
                Log::error("Sync failed for {$source}", ['error' => $e->getMessage()]);
            }
        }
    }
}

Orders List Component

function OrdersDashboard() {
  const [filters, setFilters] = useState({ source: 'all', status: 'all', search: '' });

  const { data, isLoading } = useQuery({
    queryKey: ['orders', filters],
    queryFn:  () => fetchOrders(filters),
    refetchInterval: 60_000,  // refresh every minute
  });

  return (
    <div>
      <OrderFilters filters={filters} onChange={setFilters} />

      {/* Source counters */}
      <div className="grid grid-cols-5 gap-3 mb-6">
        {['site', 'ozon', 'wb', 'ym'].map(source => (
          <SourceCounter key={source} source={source} count={data?.counts[source] ?? 0} />
        ))}
      </div>

      <OrdersTable
        orders={data?.orders ?? []}
        loading={isLoading}
        onStatusChange={handleStatusChange}
      />
    </div>
  );
}

function SourceCounter({ source, count }: { source: string; count: number }) {
  const labels = { site: 'Website', ozon: 'Ozon', wb: 'WB', ym: 'Yandex.Market' };
  return (
    <div className={cn('rounded-xl p-4 border', sourceColors[source])}>
      <p className="text-2xl font-bold">{count}</p>
      <p className="text-sm text-gray-600">{labels[source]}</p>
    </div>
  );
}

Label Printing

public function printLabel(Order $order): Response
{
    if ($order->source === 'ozon') {
        $label = $this->ozon->getPostingLabel($order->source_order_id);
        return response($label, 200, ['Content-Type' => 'application/pdf']);
    }

    if ($order->source === 'wb') {
        $label = $this->wb->getLabel($order->source_order_id);
        return response($label, 200, ['Content-Type' => 'application/pdf']);
    }

    // For website, generate ourselves
    $pdf = PDF::loadView('labels.order', compact('order'));
    return $pdf->stream("order-{$order->number}.pdf");
}

Notifications for New Orders

Real-time notifications via WebSocket (Laravel Echo / Pusher) — when a new order appears from any marketplace, the dashboard updates automatically and shows a toast notification.

Timeline

Order management dashboard for 3 marketplaces with synchronization and label printing: 20–28 business days.