2025 · Дизайн + інженерія
Reswap
Децентралізована біржа на Solana — гаманці, свопи, живі графіки й real-time дані, зібрано цілком на фронті
Контекст
Децентралізована криптовалютна біржа на Solana — повна DeFi-поверхня для on-chain трейдера. Token swap з маршрутизацією через Jupiter-агрегатор, IDO-продаж нових токенів, liquidity engine з пулами та provider-дохідністю, staking, винагороди та yield-механіка, сторінка токена з real-time графіком цін. Дев'ять локалей (en/ua/ru плюс шість інших), wallet-connect під декілька Solana-гаманців (Phantom, Solflare, Backpack та інші), ORAO randomness on-chain. Дизайн-мова, фронт і on-chain інтеграції — все з однієї пари рук.
Завдання
Провести складний DeFi-продукт через весь його змістовий обсяг — swap, IDO, liquidity, staking, винагороди, FAQ, сторінка токена — так, щоб він не виглядав як адмінка для розробників. Дизайн-мова має тримати ту саму спокійну ясність на простому swap-вікні, в multi-step IDO-флоу та на живому графіку з тикерами цін. Зінженерити on-chain шар (wallet-adapter, web3.js, Jupiter routing, SPL Token, ORAO randomness), утримати real-time дані через reconnecting WebSockets та кастомний RPC-шар, зробити продукт локалізованим на дев'ять мов з консистентною типографікою.
Реалізовано
Дизайн-мова з чистого аркуша: палітра, типографіка, motion-система, кастомна іконографіка по розділах, layout-tokens. Next.js 15 + React 19 + TypeScript App Router з next-intl на дев'ять локалей, Radix UI-примітивами, Tailwind design tokens. Solana-стек: @solana/web3.js, wallet adapter під декілька гаманців (Phantom, Solflare, Backpack, Trust та інші), SPL Token, Jupiter-агрегатор для маршрутизації swap, ORAO randomness on-chain для рандомних подій. Lightweight-charts від TradingView для real-time цінових в'ю з власним feed-шаром поверх. Lottie для motion-акцентів, react-slick + framer-motion поверхнею. Reconnecting WebSockets для live-оновлень цін та orderbook, axios для off-chain викликів, кастомний RPC-шар з rate-limiting та retry-логікою. Server actions для off-chain workflow (IDO-whitelist, claim flows). Кожен візуальний елемент — оригінальний, кожен системний шар — зроблено руками.
