A real-feel sandbox of a crypto exchange. I design and pressure-test the terminal, the auth flows, and the interactions here in code, outside production, before the patterns ship.
Exchange UX·MCP · Agentic·Next.js + Tailwind
What's new
Walkthrough
A pass over what landed most recently in the lab.
Search asset card
Motion
Search opens over the terminal as one list: recent markets, open positions, recent trades, quick settings, keyboard hints along the bottom. The market card carries the motion. Its sparkline draws itself in, then scrubs under the cursor, with a crosshair on the line and the price, change, and timestamp rolling digit by digit to the point you are on. Move off the card and it settles back to live.
Floating trade cards
Interaction
Hovering a symbol in the ticker strip raises a quote card: price, change, sparkline, 24h range, funding, and a way straight into the trade. It tilts toward the cursor, then settles.
Strategy canvas
Walkthrough
Strategies are built as a node graph rather than filled into a form: Tick into Get Market Price, into an indicator, into a cross test, into a branch, and out to Place Order, with long and short as two paths off the same condition. Side, quantity, leverage, take profit and stop loss sit on the order node itself, so the risk is visible where the order is rather than a screen away. Run Backtest scores the graph, and the Optimize tab sweeps two parameters at once, indicator period against take profit, and draws the result as a return surface you can turn. The readout beside it holds the current run against the best cell found and says out loud when the peak sits on a plateau, because a peak whose neighbours score badly is a fit to the past rather than an edge.