Live demos

Try the work before you hire me.

Most people ring a web designer wanting a website. What they usually need is a website that also does the job: takes the booking, checks what is actually free, raises the invoice, tells the customer where their order is. That is the difference these demonstrations are here to show.

Each one is a complete, working application hosted on this site, not a picture of one. When you open it you get your own private copy with its own database, seeded with believable content. Nothing you do is visible to anyone else, you can reset it at any time, and idle copies are deleted automatically. They are demonstrations, so please do not enter real personal details.

Village café

A café website with table bookings and a menu the owner edits themselves.

Visitors request a table through the site and the owner confirms it from a simple inbox. The menu is managed on the site itself, so marking a dish sold out takes seconds and shows on the public page immediately.

Things to try
  • Book a table, then confirm your own booking in the owner’s admin
  • Mark a dish sold out and watch the public menu change
Open the demo How it's built

Order-ahead bakery

Online ordering with a basket, collection slots and an orders board for the shop.

Customers build a basket, choose a collection day and time, and receive an order code. On the shop side, orders arrive on a board the baker works through: accept, mark ready, hand over. Like every demo here, the whole thing is your own private copy.

Things to try
  • Build a basket and place an order for collection
  • Open the baker’s board and move your own order to “ready”
  • Take a product off sale and watch it vanish from the shop
Open the demo How it's built

Barbershop

Appointment booking with genuine availability, not a contact form.

Free slots are calculated from opening hours, the length of the chosen service and every booking already in the diary. Booking a slot removes it for the next visitor immediately, and two people can never double-book the same time.

Things to try
  • Pick a service and watch the slot grid change with its length
  • Book a slot, reload the grid, and see it greyed out
  • Cancel a booking in the diary and watch the slot come back
Open the demo How it's built

Invoicing tool

A small-business invoicing app with VAT, statuses and printable invoices.

Clients, invoices with line items, and a dashboard whose totals are calculated from the underlying data. Each invoice moves from draft to sent to paid, overdue ones are flagged automatically, and the print view produces a clean PDF from the browser.

Things to try
  • Raise an invoice and check the arithmetic yourself
  • Print one to PDF straight from the browser
  • Mark it sent, then paid, and watch the dashboard follow
Open the demo How it's built

Online shop

A full e-commerce shop: live stock, discount codes and a card checkout.

The most advanced demo here. Products with real stock counts, a basket, a discount code, delivery rules, and a checkout that takes a card the way a real shop does, using the industry test card, so no actual money can move. Behind it sits the shop-keeper’s side: a dispatch board, stock control and the day’s takings.

Things to try
  • Buy something with test card 4242 4242 4242 4242, then watch stock fall
  • Apply the code WELCOME10 and check the sums yourself
  • Dispatch your own parcel from the shop-keeper’s board
Open the demo How it's built

Building contractor

The whole job in one place: quote, contract, site diary and the money.

The heaviest demo here, and the one closest to real business software. A quote form that prices itself as you tick the scope, an office that turns that enquiry into a priced quote line by line, and a client portal where the customer watches their own job progress and approves the changes that alter the price. Three views, one database, and they always agree.

Things to try
  • Tick a scope and watch the estimate add up before you send anything
  • Price the enquiry in the office, set a margin, then win the job and get a payment schedule
  • Approve a variation as the client and watch the contract value move in the office
Open the demo How it's built

Plant & tool hire

Live fleet availability across date ranges, not a "call to check" form.

A hire yard has a harder question to answer than a shop: not "is one left?" but "is one free every single day between these two dates, given everything already out and the machine in for service?" One availability engine answers that for the public fleet page, the basket, the checkout and the yard calendar, so the website and the yard can never contradict each other.

Things to try
  • Change the hire dates and watch every availability figure on the site move
  • Try to book more than the yard has and get turned down with the real number
  • Take a machine off the road in the yard office and watch it vanish from the public fleet
Open the demo How it's built

Developer tool

A link shortener with click analytics and a documented JSON API.

Every click on a short link is stored as its own event, so the per-day charts and referrer breakdowns reflect exactly what happened. The same numbers are available as JSON through a rate-limited API.

Things to try
  • Shorten a link with a custom code
  • Click it, then watch the click appear on the chart
  • Request the JSON API and get the same numbers as data
Open the demo How it's built

Why these exist

Choosing a developer usually means trusting screenshots and promises. These remove the guesswork: the booking systems, ordering flows and admin screens your business might need are already running here, so you can judge the quality directly. If one is close to what you need, much of the thinking is already done, and yours will be built faster because of it.

If all you want is a handful of smart pages that tell people who you are, that is a smaller and cheaper job and I am happy to do it. The demos are here for when the website has to earn its keep.

Start a project