Live Demos

Take them for a spin and see what's possible

ATI Market Model Tool

Purpose

A free-to-use digital platform designed and developed for the Aerospace Technology Institute (ATI). The Market Model Tool provides data on global market forecasts on the journey to Net Zero 2050.
The tool enables users to explore potential scenarios for new commercial aircraft deliveries around the world over the next four decades as well as forecasted demand for assemblies, systems and constituent components.

How it works:
  • Use the Information dropdown to select either Global Delivery Forecast (aircraft deliveries) or Global Product Market (systems/components).
  • In Options, choose a scenario; for Delivery Forecast, also choose between Units or Revenue. For Product Market, select either Market Class or PBS Class grouping.
  • In Filters, select categories relevant to your chosen grouping. Use dropdowns and search boxes to add or remove items. Product Market filters include Levels 1–3 for detailed breakdowns.
  • Plots update automatically based on your selections. Use tabs above the charts to switch views (e.g., Market Class, PBS Class, Totals, Levels 1–3).
  • Click items in the legend to show or hide specific data. Hover over axis labels or titles for more detail.
  • Use the Download Charts button to export graphs (PNG) and filter summaries (TXT).
Build process:

The Market Model Tool was built in 2022 as the first of a raft of tools to be later built and consolidated into one platform (which is known today as the ATI Toolkit).
The platform was built using ASP.NET Core as a framework which is served by a MySQL database. It utilises our custom auth middleware to keeo it secure and track user sessions.
The UI/UX is built using a combination of Razor Pages and KnockoutJs and leverages other third-party libraries such as Bootstrap, Chart.js and Selectize.

PLEASE NOTE - THIS DEMO IS SHOWING TEST DATA - THE VALUES ARE NOT REALISTIC AND THEREFORE CANNOT BE USED FOR ACTUAL MARKET ANALYSIS.

Digital Form Designer

Purpose:

A drag-and-drop digital form builder designed and developed for HCS Safety. The Digital Form Designer (DFD) allows users to create and customise complex digital forms without needing technical knowledge. Initially created as a plugin for HCS Safety’s internal software, the tool is now freely available to their member clients via subscription.
The platform empowers users to assemble, configure and preview responsive digital forms for completion on any modern device.

How it works:

Drag tiles from the input palette into the central design area. You can reposition inputs by dragging them into the desired order. Supported input types include text, date, time, location (including What3Words), uploads, sliders, choice inputs (radio/checkbox), calculations, signatures, and more. You can also add fixed content such as static text, images or custom HTML blocks.
Use the responsive preview feature to see what your form will look like on different screen sizes. The entire interface is designed for intuitive interaction - everything works via drag-and-drop, with immediate visual feedback.
Forms created with DFD are automatically saved and made available for distribution and completion via HCS Safety’s wider digital form platform.

Build process:

Built in 2024, the Digital Form Designer uses React and Redux to manage state, with drag-and-drop interactions powered by React DND.
Form logic and transformations use libraries such as Moment.js.
The tool integrates directly with HCS Safety’s platform and shares infrastructure, including authentication and distribution mechanisms.
It features a modular architecture that supports flexible input types and extensions, laying the groundwork for future white-label opportunities.

KodaWaste

Purpose

A configurable commercial SaaS platform I designed, developed and operate through KodaSoft for waste-management businesses. KodaWaste gives operators a branded online shopfront for services such as skip hire, grab hire, waste bags, ready-mixed concrete, aggregates, waste clearance and portable toilets, with the operational workflows that sit behind those orders.
The embedded demo below is a live example instance of the platform configured to show how multiple waste-service journeys can share one storefront.

How it works:
  • Start from the demo home page and choose a waste service - Skip Hire, Grab Hire, Waste Bags, Concrete, Aggregates, Waste Clearance or Portable Toilets.
  • Work through the ordering journey for that service. Availability, pricing and fulfilment steps reflect the configured rules for the example business rather than a single generic retail basket.
  • Explore product catalogues such as aggregates and garden products, including collected vs delivered pricing where shown.
  • Use Show VAT and the basket to see how the customer-facing commerce experience behaves as you add services and products.
  • For the development story behind the platform architecture, configurability and AI-assisted engineering - see the KodaWaste case study.
Build process:

KodaWaste is built as a shared ASP.NET Core platform with modular ordering journeys, feature-flagged capabilities, organisation-scoped data, CMS branding and a MySQL data layer accessed via Dapper. Checkout currently supports Stripe and Opayo, with Hangfire used for background processing.
The UI is server-rendered Razor with Bootstrap, jQuery and Knockout, styled through a LESS/Gulp pipeline. The example site below is a configured deployment of that same core - not a separate demo fork.
Product marketing for the commercial offering lives at kodawaste.co.uk (opens in a new tab) .