All Work
Client Project · Retail

Store Operations Dashboard

A single dashboard for a hardware and general-merchandise store. The figures the store used to check in three separate places now sit on one screen.

Client
Hardware and general-merchandise store
Role
Sole developer
Year
2021
Stack
Next.js · Firebase · Google Sheets API
Delivered
One dashboard over three sources
Recreated operations dashboard for Ironside Hardware & Supply, a fictional store: weekly sales by channel, busiest day and low-stock items Explore the recreation

What I Built

One screen over three sources

Brought the figures from the point-of-sale export, the stock sheet and the Shopify store into one dashboard.

Low-stock check

Items below their reorder level showed in one list. Before, finding them meant opening each source and comparing by hand.

How It Was Delivered

Before writing any logic, I built static mockups of the view and reviewed them with the client. Layout and wording changed at that stage, when a change cost minutes rather than a rebuild.

The store checked one screen instead of three.

Built With
  • Next.js
  • Tailwind CSS
  • Headless UI
  • Recharts
  • SWR
  • Firebase
  • Google Sheets API