Back to Portfolio
Web App / Dashboard

Multi-Vendor E-commerce Dashboard

Vendor-scoped Shopify dashboard where each vendor sees only their own sales, orders, and inventory — with real-time data pulled directly from the store.

Project Preview

Screenshot coming soon

The Challenge

An e-commerce store with multiple vendors needed to give each vendor visibility into their own sales and inventory without granting access to the Shopify admin. Each vendor should only see their own products and orders, while admins need a bird's-eye view of everything.

The Solution

Built a custom dashboard that authenticates vendors and fetches their data in real-time from the Shopify Admin API. Each vendor is mapped to a Shopify Collection, so the system automatically filters products, orders, and inventory by vendor. No data sync needed — everything is fetched live.

Key Features

Vendor Isolation

Each vendor is mapped to a Shopify Collection ID. They only see their own products, orders, and revenue data.

Real-Time Shopify Data

No data sync or caching. Products, orders, and inventory are fetched live from Shopify's Admin API on every request.

Order Management

Filter orders by date range, status, and search. Export filtered results to CSV for offline analysis.

Inventory Tracking

Real-time stock levels with status indicators. Search and filter by product name or inventory status.

Support Tickets

Built-in support system where vendors submit tickets and admins respond, with full conversation threading.

How It Works

1

Vendor Login

Vendors authenticate with email-based login. JWT tokens maintain secure sessions without hitting the database on every request.

2

Data Fetching

The dashboard queries Shopify's Admin API in real-time, scoped to the vendor's Collection ID for automatic filtering.

3

Dashboard View

Vendors see their sales metrics, top products, recent orders, and inventory levels — all specific to their products.

4

Admin Overview

Admins see all vendor data aggregated, manage vendor accounts, and handle support tickets from a unified interface.

Tech Stack

Next.jsSupabaseShopify Admin APIJWTTailwind CSS

Results

Real-Time Data

No stale information

Complete Isolation

Per-vendor data scoping

Zero Sync Overhead

Live API fetching

CSV Export

For offline analysis