James Liao

Full-stack Designer

I build accessible, pixel-perfect, and performant web experiences. Currently focused on React and Design Systems to create seamless digital products.

ReactTypeScriptTailwind CSSFigmaNode.jsNext.js
Contact Me

E-Commerce Dashboard

A real-time analytics dashboard for e-commerce platforms. Built with Next.js and D3.js for interactive data visualization, with live order tracking and revenue metrics.

1 min read
Next.jsD3.jsPostgreSQLWebSocket
E-Commerce Dashboard

Project Overview

A comprehensive analytics dashboard designed for e-commerce business owners to monitor real-time sales performance, customer behavior, and inventory management.

Key Features

  • Real-time Updates: WebSocket-powered live order feed
  • Interactive Charts: D3.js-based revenue, conversion, and funnel visualizations
  • Multi-tenant: Supports multiple store instances with role-based access
  • Export & Reports: Automated daily/weekly PDF report generation

Technical Architecture

  • Frontend: Next.js 15 with App Router, TanStack Query for data fetching
  • Backend: Node.js API with PostgreSQL, Redis caching layer
  • Real-time: WebSocket server for live order notifications
  • Charts: D3.js with custom responsive, accessible chart components

© 2026 James Liao. All rights reserved.

Designed in Figma, built with Next.js & Tailwind.