Technical Architecture

System Overview

ULTRADEX is built on a modern tech stack combining blockchain technology with a user-friendly web interface.

Frontend Architecture

Technology Stack

• Framework: Next.js 15 (React 19)

• Styling: Tailwind CSS 4

• Wallet Connection: RainbowKit + Wagmi

• Blockchain Interaction: Ethers.js v6

• State Management: React Hooks

• Notifications: React Hot Toast

Key Components

• SwapCard: Token swap interface

• StakingPage: BNB staking interface

• CampaignPage: Quest and leaderboard system

• Navbar: Navigation and wallet connection

Smart Contract Integration

Router Contracts

// Uniswap V3 Router
BSC Mainnet: 0xB971eF87ede563556b2ED4b1C0b0019111Dd85d2

// PancakeSwap V2 Router
BSC Mainnet: 0x10ED43C718714eb63d5aA57B78B54704E256024E
BSC Testnet: 0xD99D1c33F9fC3444f8101754aBC46c52416550D1