ToolFor Wine shop

Shelf Talker

Know which bottle before you reach the counter.

Lets customers browse your wine list by colour, region, grape, price and food pairing, save tasting notes, and print a shortlist to bring to the counter.

Download the source

Zip, 218 KB. MIT licence. Built 19 Oct 2026.

Live preview

Open the appOpen 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

  • Launch page
  • Wine browser
  • Pairing finder
  • Tasting notes
  • Printable shortlist
  • Admin wine list

Features

  • Filter by colour, region, grape, price band
  • Pairing finder for dishes like pizza, fish, cheese
  • Personal tasting notes and star ratings saved in browser
  • Print a shortlist to bring to the counter
  • Staff admin screen to edit the wine list
  • Export and import the wine list as JSON

Palette

  • #7a1f2e
  • #641827
  • #fbf3ea
  • #f1dfd8
  • #2b1d1f
  • #6b5a5c

Style

  • Warm
  • Elegant
  • Editorial
Shelf Talker 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 shelf-talker.zip
cd shelf-talker
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)

More like this

Also on the shelf

  • Retail & ShopsTool

    Posy

    Posy lets flower shop staff build bouquets by tapping stems, wrapping and size, see a live price, save occasion presets, and print order cards.

  • 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.