📱 Apex DEX Interface

Apex DEX Interface is a modern, responsive web application for the Apex decentralized exchange ecosystem. Built with React, it provides a seamless user experience for swapping assets, managing liquidity, and tracking portfolio performance.

---

🌐 Deployed on Sepolia Testnet

The Apex protocol is currently live and running on the Sepolia Testnet.

Contract	Address
ApexFactory	0xC2E54EF993bD64c1e8c46d4d1695bEeA012d4DFD
ApexRouter	0xf1026084F75375070e71442387896CA1314bC6e0

---

✨ Features

• Decentralized Swaps: Fast and secure asset exchange using Apex smart contracts.
• Liquidity Management: Easy interface for adding and removing liquidity from pools.
• Wallet Integration: Support for MetaMask, Coinbase Wallet, and WalletConnect.
• Real-time Data: Live price updates and pool statistics powered by the Apex Backend Engine.
• Responsive Design: Optimized for desktop, tablet, and mobile devices.

---

🛠️ Technology Stack

• Library: React – A JavaScript library for building user interfaces.
• Styling: Tailwind CSS for modern and fast UI development.
• Web3 Interaction: Ethers.js for blockchain communication.
• State Management: React Hooks & Context API.
• Icons: Lucide React / Heroicons.

---

🚀 Getting Started

Prerequisites

• Node.js (>= 18)
• npm or yarn

Installation

1. Clone the repository and install dependencies:

   npm install

2. Configure environment variables: Create a .env file with your RPC URL and contract addresses:

   REACT_APP_RPC_URL=your_rpc_url
   REACT_APP_FACTORY_ADDRESS=your_factory_address

3. Run the application:

   npm start

---

🔗 Related Ecosystem Modules

• Smart Contracts – Core AMM protocol.
• Backend Engine – Indexer and API service.

---

Developed by taranvd