← Back to work Prototype · Sales

Cadence

A quiet, keyboard-first deal board where reps drag opportunities through the pipeline and every column re-totals the instant a card moves. Each deal carries an AI next-step so the team always knows what to do next.

Vanilla JSHTML5 drag-and-dropCSS custom propertiesInter + JetBrains MonoNode/Express APIPostgreSQLPostgreSQLOpenAI function-calling
Visit live site ↗
<p>A quiet, keyboard-first deal board where reps drag opportunities through the pipeline and every column re-totals the instant a card moves. Each deal carries an AI next-step so the team always knows what to do next.</p>

The brief

Sales teams live in their pipeline, but most CRMs bury it under forms and stale dashboards. We wanted to prove a different category: a fast, near-silent command tool where reps drag deals through Lead → Qualified → Proposal → Won and always know what the pipeline is worth and what to do next. The buyers are revenue leaders and founders who want clarity without admin drag.

What we built

Cadence is a four-stage deal board with draggable cards, per-column value totals, and a weighted-pipeline forecast that recompute on every move. Each card shows the company, contact, owner, win-probability, and a single AI-generated next step. An inline add-deal form, an owner filter, instant search, and full keyboard control (⌘-style hints, Enter to advance a stage, N to add, / to search) make it feel like an internal tool a senior team would actually run their week from.

How it works

Deals live in a JavaScript state model and the board re-renders on every change, so dragging a card between columns instantly updates stage totals, the weighted forecast, and the count badges. Drag-and-drop uses the native HTML5 API with keyboard-movable cards for accessibility. The AI next step is a deterministic rule engine keyed on stage, deal value, and contact — a faithful stand-in for the LLM function-calling we wire up in production. The whole thing is one self-contained file with zero external JS libraries.

Make it yours

This is a functional prototype that demonstrates the AI CRM category — a capability demo, not a client engagement. Romanov Solutions builds, clones, customizes and integrates pipelines exactly like this, fully custom-fit to your stages, products, scoring rules, and existing stack (HubSpot, Salesforce, your data warehouse). Lease it, try it free, buy the code outright, or have us build something new around it.

Like this project?

Project like this?

Tell our assistant what you have in mind — it'll sketch the first version of your game plan on the spot, and we'll pick it up from there. No forms, no waiting.

Chat with our assistant → Book a call
Ask AI