Back to work

2025 · Design + engineering

Reswap

Decentralized exchange on Solana — wallets, swaps, live charts and real-time data, built front to back

Reswap
Year
2025
Role
Design + engineering
Stack
Identity · Iconography · Motion · Next.js 15 · React 19 · TypeScript · Tailwind · Radix · next-intl · Solana web3.js · Wallet Adapter · SPL Token · Jupiter · ORAO Randomness · TradingView Charts · Lottie · Framer Motion · WebSocket · Server Actions

Context

Decentralised cryptocurrency exchange on Solana — the full DeFi surface for an on-chain trader. Token swap with routing through the Jupiter aggregator, IDO sale for new tokens, liquidity engine with pools and provider yield, staking, rewards and yield mechanics, a token page with a real-time price chart. Nine locales (en/ua/ru plus six others), wallet-connect across multiple Solana wallets (Phantom, Solflare, Backpack and others), on-chain ORAO randomness. Design language, frontend and on-chain integrations all came out of one set of hands.

Task

Carry a complex DeFi product through its full scope — swap, IDO, liquidity, staking, rewards, FAQ, token page — without it feeling like a developer console. The design language has to hold the same calm clarity on a simple swap pane, a multi-step IDO flow and a live chart with price tickers. Engineer the on-chain layer (wallet adapter, web3.js, Jupiter routing, SPL Token, ORAO randomness), keep realtime data flowing through reconnecting WebSockets and a custom RPC layer, and make the whole thing localisable across nine languages with consistent typography.

Engineered

Design language from a blank canvas: palette, typography, motion system, custom iconography by section, layout tokens. Next.js 15 + React 19 + TypeScript App Router with next-intl for nine locales, Radix UI primitives, Tailwind design tokens. Solana stack: @solana/web3.js, wallet adapter for multiple wallets (Phantom, Solflare, Backpack, Trust and others), SPL Token, Jupiter aggregator for swap routing, on-chain ORAO randomness for random events. TradingView lightweight-charts for real-time price views with a custom feed layer on top. Lottie for motion accents, react-slick + framer-motion across the surface. Reconnecting WebSockets for live price and orderbook updates, axios for off-chain calls, a custom RPC layer with rate-limiting and retry logic. Server actions for off-chain workflow (IDO whitelist, claim flows). Every visual element original; every system layer hand-built.

Reswap — 1
Reswap — 2
Reswap — 3
Reswap — 4
Reswap — 5
Reswap — 6
Reswap — 7
Reswap — 8
Reswap — 9
Reswap — 10
Reswap — 11
Reswap — 12
Reswap — 13
Reswap — 14
Reswap — 15
Reswap — 16

Previous case

Black Fox

Next case

Lucky Panda