An operating system for a container port: vessels, yard, gates and machines on one screen, fed live from the terminal.

Role
Co-founder and CTO.
Studio
Authect
Client
Not disclosed
Year
2025
Built with
Next.js 14, React 18, TypeScript, Tailwind CSS 3, Framer Motion, Recharts, Leaflet
Ocean Nexus command centre: a chart of the harbour with vessels at their berths, the berth plan for the day, alerts and gate traffic.

Ocean Nexus is an operating system for a container port. It puts the vessels, the quay, the yard, the gates and the machines that move between them in one place, so whoever runs the shift can see what is held up and why.

Authect built it for a port operator I cannot name. I ran the engineering: sixteen modules on the screen, and beneath them a back end that takes in vessel positions, gate reads and machine telemetry and turns them into one picture of the terminal.

  • 16modules, one for each part of the port
  • 4machine systems on one switchboard
  • 3live feeds behind one chart
  • 3interface languages
Vessels screen: every ship in range with speed and course, a chart of the approaches, and the arrival of one of them step by step.
Yard screen: twelve container blocks seen from above, a dock console and the moves waiting to be done.

What it covers

  • The water

    Every vessel in range on a live chart, with speed, heading and time of arrival, and the berth plan for the next day beside it.

  • The yard

    Stack heights block by block, a dock console, and a board of every move between dock, stack and gate.

  • The cargo

    Orders, wave loading, freight audit and a container list that carries temperature, humidity and a custody status on every row.

Automation screen: quay cranes with their rate, guided vehicles with battery levels, gate queues, plate recognition and the day's solar output.

Machines

  • Four systems, four switches

    Quay cranes, guided vehicles, smart gates and port lighting each have a mode and a live count on one screen.

  • Gates that read

    Queue length for every gate, the accuracy of plate and box recognition, and a suggestion to balance the lanes when one backs up.

  • Alerts with a next step

    On the command screen each alert comes with the action recommended for it, and the planner's suggestions sit beside them.

Containers screen: a list of containers with telemetry and status, and one reefer in alarm with its temperature trace and custody record.
Emissions screen: tonnes of CO2e by month and mode, dwell time by area and carriers compared.

Back end

  • One stream in

    Vessel positions, gate reads and telemetry from cranes, vehicles and reefers arrive as events on a single stream. Each one is checked, stamped and matched to its vessel, container or machine before any screen sees it.

  • Live state, kept apart from history

    The current picture of the terminal is held ready for the screens that redraw every second. Every event is also written, in order, to the store the charts, the audit and the planner read from.

  • A planner that proposes

    Berth windows, yard moves and lane balancing come out as suggestions with the reason attached. Nothing is applied until someone on shift accepts it.

  • A custody record that cannot be rewritten

    Each hand-over of a container is signed by whoever made it and chained to the step before, so a changed record shows.

Around it

  • Access by role and by terminal

    An account sees the modules and terminals its role allows. Every action that changes something is recorded with who did it and when.

  • It talks to what the port already runs

    Orders, invoices and finance figures are exchanged with the operator's own systems, so nobody types them twice.

  • One shell, sixteen modules

    Every screen shares one layout, one set of components and one chart theme, so a new module is a page and its data.

NextKeep scrolling

The site for Kavaliero's security division: a WebGPU glass hero and a chrome object for every service.

Role
Founder and CEO. Design and engineering.
Studio
Kavaliero
Year
2026
Built with
Next.js 16, React 19, TypeScript, Tailwind CSS 4, GSAP, Lenis, three.js, WebGPU, next-intl
Live
systems.kavaliero.com
Kavaliero Systems home page behind fluted glass. The headline reads: Protect what's yours, take control.