Internal Dashboard
Store Operations Dashboard
A React dashboard for a store owner — revenue, orders, inventory, and traffic — with charts, tables, and API-shaped JSON.
- Client: Personal project
- Date: August 2024
- Role: Frontend
- Category: Internal Dashboard
- Timeline: 7 weeks
Practice for an internal merchant tool: one home screen with metrics, a sales chart, recent orders, and stock status. Numbers come from JSON shaped like a dashboard endpoint so the layout would transfer to a real API.
The challenge
A store owner needs the day’s numbers in one place — revenue, orders, and what is out of stock — without hopping between reports. Tutorial dashboards often skip empty rows and treat every widget as a static mock.
The approach
TypeScript types the metric, order, and inventory records. The chart and the orders table read the same JSON. Status chips on orders and stock stay labels, not decoration. Loading and empty states are real screens if the payload is slow or missing.
The outcome
A small internal-dashboard demo on Vercel. I use it to talk about dense product UI, tables, and API-shaped records — not about running a shop.