ToolFor Hardware store

One Lap

The whole job, in one lap of the store.

Customers pick a DIY job and enter measurements, and the tool lists the materials in shelf pack sizes, sorted by aisle so one trip through the store covers it.

Download the source

Zip, 257 KB. MIT licence. Built 20 Oct 2026.

Open the app Open full screen

Loading the live site…

This is the real site, not a mock-up. Click around; the button on it opens the working app.

What you get

Everything a tool needs, already done.

Pages and screens

Hero
How it works
Project picker
Shopping list
Aisle checklist
Staff editor

Features

Quantities in real pack sizes, like 2.5 L tins
Checklist sorted in aisle walking order
Staff can edit project templates
Staff can edit the aisle map
Lists saved in the browser
Print the shopping list
Works on a tablet or customer phone

Palette

#c94d0a
#b3440a
#ffffff
#fbe5d6
#231f1b
#6a635a

Style

Warm
Bold
Editorial

One Lap on a phone — On a phone, as shipped.

For developers

A real codebase, not a page builder export.

Stack

Vite, React 19 and TypeScript for the app. The launch page is plain HTML, CSS and a little JavaScript with no build step. Vitest for unit tests, Playwright for browser tests.

Run it

unzip one-lap.zip
cd one-lap
npm install
npm run dev

In the zip

site/ the launch page with the built app in site/app/
src/ and e2e/ the app source and tests
docs/technical-docs/ architecture, runbook, quick reference
START-HERE.md and LICENSE (MIT)

Also on the shelf

Retail & ShopsTool
Cutwise
Cutwise turns a hanging weight and a customer's cut choices into a take-home estimate and prints a one-page cut sheet for the butcher's block.
Retail & ShopsTool
Tag Table
Pick a category and condition, get a price from your shop's own guide, and print sheets of 24 colour-coded tags for the week's discount colour.
Retail & ShopsTool
Trestle
Trestle lets a market stallholder tap to record each sale as cash or card, then shows the day's takings, best sellers and leftover stock, saved on their phone.

Live preview