DigiSwap — Decentralized Exchange with Multi-Chain Support

DigiSwap is a powerful, developer-friendly decentralized exchange (DEX) frontend built using React, TypeScript, and modern tooling such as CRACO, SWC, and Vanilla Extract for CSS-in-TypeScript styling. It is engineered to provide a scalable and high-performance interface for interacting with multiple EVM-compatible networks.

Whether you’re building on Ethereum, Polygon, Optimism, Arbitrum, Sepolia, Goerli, Base, Celo, BNB Chain, Avalanche, or custom testnets like Pharos Devnet, DigiSwap provides a modular and extensible architecture to plug into your blockchain ecosystem.

 

🔧 Key Features:

Multi-chain support: Out-of-the-box compatibility with major Layer 1 and Layer 2 chains, configurable via environment variables and constants.

Optimized RPC Provider Management: Uses custom-built AppStaticJsonRpcProvider to enhance performance through caching eth_call requests and managing polling intervals.

SWC-based compilation: Replaces Babel with swc-loader for fast, efficient TypeScript and JavaScript transpilation.

Vanilla Extract Integration: Zero-runtime CSS-in-TypeScript support ensures styles are type-safe and statically extracted for optimal performance.

Customizable Build System: Extends create-react-app via CRACO, allowing deep customization of the Webpack config for production-ready optimization.

Retry Logic: Includes webpack-retry-chunk-load-plugin for automatic chunk retry with exponential backoff, improving app reliability in unstable network conditions.

Linting and Type Checking: Supports ESLint and optional TypeScript checking for developer productivity.

Flexible Environment Setup: Easily switch default chain with a single line (DEFAULT_CHAIN = ChainId.SEPOLIA) and configure RPC URLs per chain.

Network-safe: Warns and handles incorrect or unsupported network configurations using Ethers.js's getNetwork() validation.

Component-level Integration: Built with reusability in mind—plug it into your own DEX backend or smart contract infrastructure easily.

🛠 Use Cases:

Building a multi-chain DEX frontend UI

Integrating with EVM-based liquidity pools

Layer 2 testnet and devnet DEX experimentation

Custom RPC logic for advanced analytics and performance

Educational or hackathon blockchain projects