SAWA Swap — DeFi сервис для swap в сети Linea
Задача
Сделать понятный и безопасный интерфейс для ключевых DeFi-сценариев: подключение кошелька и выбор сети Linea обмен токенов с превью сделки, подтверждением и статус-модалками добавление/удаление ликвидности в v3-пулы с диапазонами цен и уровнями комиссии прозрачные расчёты комиссий/минимального получения и подсказки по allowance/approve встроенная история операций
Выполненные работы
Экран 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, минимум к получению, защита от недостатка газа.
История операций внутри приложения.
Полная адаптивность и единая визуальная система.
Состав работ
Продуктовая UX-архитектура и прототипирование.
Дизайн-система: светлая тема, типографика, адаптив.
UI-дизайн экранов Swap, Liquidity, Position, History.
Интеграция кошельков и маршрутизации (Uniswap-совместимые SDK/API).
Подсказки/статусы, обработка ошибок, локализация.
Верстка и фронтенд (React/Tailwind/shadcn), a11y и перформанс.
Стек: Solidity, Node.js, React, NestJS, Next.JS, TypeScript, MongoDB.
Блокчейны: Base.
Подробный кейс: https://freeblock.dev/cases/decentralized-app/sawasvap
