Everything I built
Business
Paper Crane Insights
liveI built this report for a food-truck owner from his Square orders. It opens on one page: how the last four weeks went, four numbers that only turn green or red when the change is real, and the three things to do this week. Everything else sits behind More. This copy runs on a made-up truck called Paper Crane, so none of the numbers are real.
Screenshots
What it does
- Home says how the last four weeks went in one sentence: what came in, from how many orders, and how that compares with the four weeks before.
- A number only turns green or red when the change is bigger than the normal week-to-week ups and downs. Smaller moves stay grey.
- The three things to do this week open right on the page, with the steps, who does them and how long they take.
- Days are ranked by what an hour open brings in, so a short day is not counted as a bad one.
- The full report (about thirty charts), a day-by-day tracker and the owner’s own settings sit behind More.
- The demo is one file of made-up orders. Nothing you change is saved anywhere, and a reload puts it back.
Built with
- Next.js
- TypeScript
- SVG
- React
- esbuild
Want the how and why?
I write up builds like this one. What I did, what went wrong, and what is worth copying.
Read the writing