Skip to content

Fintech · Dashboard

Desktop-first dashboard for a crypto arbitrage bot — see the signal, act in two clicks.

A professional monitoring and control surface for a crypto trading bot, designed desktop-first and ready for Electron/Tauri.

POSI+ Aug 2025 5 min read
POSI+ case study
core actions
2-click
first layout
Desktop
bot telemetry
Live

Idea and daily workflows

POSI+ is a professional interface for monitoring and controlling a crypto trading bot — desktop-first and ready for Electron/Tauri packaging. The design solves the trader's core job: see what matters and act in one or two clicks without leaving context.

Four stable states anchor the working day:

  • Overview — bot status, active DEXes, tracked pairs, current gas, 24h profit trend, trade distribution
  • Arbitrage — opportunity cards: pair, route (e.g. Uniswap ↔ PancakeSwap), expected profit, gas, detection/execution time
  • Prices — spread monitoring and price history; Cards/Table toggle for data density
  • Settings — profit threshold, slippage, gas limit, check interval, Test Mode, Auto Execute, protected Emergency Stop

Design system

A 12-column layout with breakpoints at 1280–1920+. Cards and charts keep primary actions in fixed zones — muscle memory over novelty.

Dark base with soft gradients reduces eye strain. Neon lime marks active states; amber for waiting/background ops; red for emergencies. Semantic tokens: success, warning, danger, muted.

Typography and contrast meet WCAG 2.1 AA on dark theme. KPI tiles → secondary labels → hints. Progressive disclosure keeps trade details in place — no modal traps. Skeleton loaders, chart transitions, hotkeys ready for desktop builds. Test Mode on by default; risky actions require confirmation.

Frontend — Next.js

SSR/ISR for fast first paint and stable previews. WebSocket/SSE channels for live metrics and statuses. Modular UI library: cards, tables, charts, toggles, sliders. List virtualisation and careful rerender control for stable 60 fps.

Backend — Go (Gin)

REST plus WebSocket gateway. Worker pools aggregate quotes and run the arbitrage detector. Idempotent strategy execution, request tracing, retries with backoff.

Storage and security

PostgreSQL for trades, configs, reports, audit. Redis for price cache, pub/sub events, job queues, rate limiting.

RBAC and API keys; secrets in KMS/ENV. Test strategy contour, centralised logging, metrics ready for Prometheus/Grafana. Atomic operations and manual Emergency Stop at both UI and API level.

Deploy and desktop readiness

Docker containerisation with CI/CD. The same codebase ships as a desktop build (Electron/Tauri) with hotkeys and system notifications — no UI rewrite required.

What the user gets

Speed: critical decisions from one screen zone. Transparency: explicit Detected / Executing / Completed statuses with route tracing. Risk control: thresholds and modes always at hand. Desktop-ready from day one.

Technologies

  • Next.js
  • Go
  • Gin
  • Postgres
  • Redis

Outcomes

  • Polished trading UI
  • Strong UX for daily workflows
  • Fast, resilient system
All cases