NexaMetrics — real-time e-commerce analytics dashboard The problem: e-commerce teams often juggle...NexaMetrics — real-time e-commerce analytics dashboard The problem: e-commerce teams often juggle...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
NexaMetrics — real-time e-commerce analytics dashboard
The problem: e-commerce teams often juggle several disconnected tools to track revenue, orders and customer behavior, with no single live view of the business.
What I built: a React 19 + TypeScript dashboard with live KPI cards and sparklines (revenue, orders, customers, average order value), a revenue chart with a time-range selector, a category breakdown, and an order feed that streams new orders every 8 seconds. Full paginated orders table with search, filters and a slide-out detail panel. Products and customers views with segment filters and lifetime value tracking. A command palette (Cmd+K) for fuzzy search across orders, customers and products.
Stack: React 19, TypeScript, Vite, SCSS Modules, Recharts, Framer Motion, React Router v7, Express (API server).
Source code: github.com/nabilsaiyan/nexametrics
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started