WebsiteFor Farm stand / greengrocer

Punnet

What's on the stand today.

A one-page website for a farm stand or greengrocer that shows today's produce prices, a harvest calendar, recipes and a shopping list with a running total.

Download the source

Zip, 193 KB. MIT licence. Built 21 Oct 2026.

Live preview

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 website needs, already done.

Pages and screens

  • Hero chalkboard
  • Today's board
  • Harvest calendar
  • Recipes
  • Shopping list
  • Make it yours

Features

  • Today's board with prices per kilo, bunch, punnet or each
  • Harvest calendar showing what is in season this month
  • Recipes linked to the produce on the board
  • Shopping list with running total saved in the browser
  • Edit stand, produce and recipes in three typed files
  • Light and dark mode with no build step for the site

Palette

  • #1f2a22
  • #5e6b60
  • #e3dac8
  • #2f7a3e
  • #256331
  • #e2efdf

Style

  • Warm
  • Editorial
  • Minimal
Punnet 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 punnet.zip
cd punnet
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 & ShopsWebsite

    Setaside

    A static website for an independent bookshop with browsable staff picks, a monthly events page and a hold slip customers print or copy and bring to the counter.

  • 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

    Hangtag

    Log each consignment item with its agreed price and split, mark prices down on a schedule, and see what you owe each consignor at month end.