Humphery Sales Dashboard
A real-time sales and orders analytics dashboard built with Angular and TypeScript that gives the team a clear, at-a-glance view of revenue, workload and top performers — on desktop and mobile.
Project Overview
Humphery is a sales operations dashboard where the team monitors orders in progress, delivered orders, predicted workload and projected profit from a single screen. The goal was a fast, friendly interface that turns raw numbers into decisions the whole team can act on.
I built the front-end with a modular Angular architecture — reusable KPI cards, chart components and a themeable SCSS design system — so new metrics and views can be added without the codebase becoming hard to maintain.
The Challenge
The client needed a dashboard that stayed responsive while rendering live sales figures and charts, presented dense data without feeling cluttered, and worked just as well on a phone as on a desktop.
The Solution
I used OnPush change detection and RxJS streams to keep the UI smooth as data updates, reusable strongly-typed chart components for the sales, summary and top-performer widgets, and a shared SCSS token layer to keep every panel visually consistent and easy to re-theme.
Key Features
- Live KPI cards for orders, delivered orders, workload and profit
- Interactive sales and summary charts
- Top-selling customer and top sales-person panels
- Reusable, strongly-typed Angular component library
- Fully responsive layout — identical experience on mobile
Have a similar project in mind?
I build fast, responsive websites and web apps with Angular, Next.js, WordPress and Shopify. Let's create something great together.
Start a Project