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.
- 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
Recommended articles
Blog
Mobile release trains that do not break
Fastlane, staged rollouts and feature flags — a practical playbook from eighteen App Store submissions without a Friday-night rollback.
Blog
The case for boring web stacks
TypeScript, Postgres and edge deployment are not exciting — they are how you still iterate fast in year three without rewriting the platform.
Blog
Shipping evals before prompts
Why we run regression suites on LLM outputs before every release — and how it changed our AI delivery cadence at ZNN.
Recommended case studies
Luxury · Shopify
Her-Age
We rebuilt data flows, updated deprecated endpoints, and clarified status UX so experts, sellers and buyers follow one transparent path from verification to digital passport.
iGaming · Click-to-call
iGaming operator · NDA
Under NDA we built click-to-call for an iGaming VIP desk: agents work the player without ever seeing the number, so the book stays with the operator when someone leaves.
Payments · Platform
ZNN
Go + Gin backend and Next.js front end normalise invoices and provider webhooks across projects — clients scan a code, pay, and track status in real time.