SAWA Swap — интерфейс обмена токенов и управления ликвидностью

Сделать понятный и безопасный интерфейс для ключевых DeFi-сценариев: подключение кошелька и выбор сети Linea обмен токенов с превью сделки, подтверждением и статус-модалками добавление/удаление ликвидности в v3-пулы с диапазонами цен и уровнями комиссии прозрачные расчёты комиссий/минимального получения и подсказки по allowance/approve встроенная история операций

Продуктовая UX-архитектура и прототипирование.

Дизайн-система: светлая тема, типографика, адаптив.

UI-дизайн экранов Swap, Liquidity, Position, History.

Интеграция кошельков и маршрутизации (Uniswap-совместимые SDK/API).

Подсказки/статусы, обработка ошибок, локализация.

Верстка и фронтенд (React/Tailwind/shadcn), a11y и перформанс.

Стек технологий: Solidity, Node.js, React, NestJS, Next.JS, TypeScript, MongoDB.

Период реализации указан ориентировочно: март 2024 — июнь 2024.

Экран Swap: форма ввода, автоподстановка баланса/Max, превью котировки, price impact, slippage, fee, network cost, маршрут.

Confirm swap и статус-модалки (sign/approve/processing/success/error).

Token Select с поиском, списком балансов и цепочками.

Add/Remove Liquidity (v3): выбор пары, fee tier, визуальный диапазон цен, депозиты по токенам, превью позиции.

Карточки позиций: in-range/out-of-range, ликвидность, незабранные комиссии, быстрые действия (increase/remove).

Подсказки по allowance/approve, минимум к получению, защита от недостатка газа.

История операций внутри приложения.

Полная адаптивность и единая визуальная система.