Финтех · Дашборд
Desktop-first дашборд для криптоарбитражного бота — увидел сигнал, сработал в два клика.
Профессиональная поверхность мониторинга и управления криптоторговым ботом. Спроектирована desktop-first и готова к Electron/Tauri.
- ключевые действия
- 2 клика
- сначала раскладка
- Desktop
- телеметрия бота
- Live
Идея и ежедневные сценарии
POSI+ — профессиональный интерфейс мониторинга и управления криптоторговым ботом. Desktop-first, готов к упаковке в Electron/Tauri. Дизайн закрывает главную работу трейдера: увидеть важное и сработать в один-два клика, не теряя контекст.
Рабочий день держит четыре стабильных состояния:
- Overview — статус бота, активные DEX, отслеживаемые пары, текущий gas, тренд прибыли за 24ч, распределение сделок
- Arbitrage — карточки возможностей: пара, маршрут (например Uniswap ↔ PancakeSwap), ожидаемая прибыль, gas, время детекта/исполнения
- Prices — мониторинг спреда и история цен; переключатель Cards/Table под плотность данных
- Settings — порог прибыли, slippage, лимит gas, интервал проверки, Test Mode, Auto Execute, защищённый Emergency Stop
Дизайн-система
12-колоночная сетка, брейкпоинты 1280–1920+. Карточки и графики держат основные действия в фиксированных зонах — мышечная память важнее новизны.
Тёмная база с мягкими градиентами меньше утомляет глаз. Неоновый лайм — активные состояния; янтарь — ожидание и фон; красный — аварии. Семантические токены: success, warning, danger, muted.
Типографика и контраст — WCAG 2.1 AA на тёмной теме. Плитки KPI → вторичные подписи → подсказки. Прогрессивное раскрытие оставляет детали сделки на месте — без ловушек в модалках. Скелетоны, переходы графиков, хоткеи под десктоп. Test Mode по умолчанию включён; рискованные действия требуют подтверждения.
Фронтенд — Next.js
SSR/ISR для быстрого first paint и стабильных превью. Каналы WebSocket/SSE для живых метрик и статусов. Модульная UI-библиотека: карточки, таблицы, графики, тогглы, слайдеры. Виртуализация списков и аккуратный контроль ререндеров — стабильные 60 fps.
Бэкенд — Go (Gin)
REST плюс WebSocket-шлюз. Пулы воркеров агрегируют котировки и гоняют детектор арбитража. Идемпотентное исполнение стратегий, трейсинг запросов, ретраи с бэкоффом.
Хранение и безопасность
PostgreSQL — сделки, конфиги, отчёты, аудит. Redis — кеш цен, pub/sub-события, очереди задач, rate limiting.
RBAC и API-ключи; секреты в KMS/ENV. Контур тестовых стратегий, централизованные логи, метрики под Prometheus/Grafana. Атомарные операции и ручной Emergency Stop и в UI, и на API.
Деплой и готовность к десктопу
Контейнеризация Docker и CI/CD. Та же кодовая база уходит в десктоп-сборку (Electron/Tauri) с хоткеями и системными уведомлениями — UI переписывать не нужно.
Что получает пользователь
Скорость: критические решения из одной зоны экрана. Прозрачность: явные статусы Detected / Executing / Completed с трассировкой маршрута. Контроль риска: пороги и режимы всегда под рукой. Desktop-ready с первого дня.
Технологии
- Next.js
- Go
- Gin
- Postgres
- Redis
Результаты
- Отточенный торговый UI
- Сильный UX ежедневных сценариев
- Быстрая и устойчивая система
Статьи по теме
Блог
Мобильные релиз-трейны, которые не ломаются
Fastlane, поэтапные раскатки и фичефлаги — практический плейбук после восемнадцати сабмитов в App Store без пятничного отката.
Блог
Зачем нужен скучный веб-стек
TypeScript, Postgres и edge-деплой не впечатляют — зато на третий год вы всё ещё быстро итерируете, не переписывая платформу.
Блог
Сначала evals, потом промпты
Зачем гоняем регрессию LLM-выходов перед каждым релизом — и как это сменило ритм AI-поставки в ZNN.
Кейсы по теме
Люкс · Shopify
Her-Age
Пересобрали потоки данных, обновили deprecated-эндпоинты и прояснили UX статусов: эксперты, продавцы и покупатели идут по одному прозрачному пути от проверки до цифрового паспорта.
iGaming · Click-to-call
iGaming-оператор · NDA
Под NDA собрали click-to-call для VIP-стола iGaming-оператора: агент ведёт игрока, не видя номер. Книга клиентов остаётся у оператора, даже если человек уходит.
Платежи · Платформа
ZNN
Бэкенд на Go + Gin и фронт на Next.js нормализуют инвойсы и вебхуки провайдеров по всем проектам — клиент сканирует код, платит и видит статус в реальном времени.