Trans-pay

Problem Statement

Cross-Chain Payments: Seamless crypto payments across multiple blockchains using the Avail Nexus SDK.Merchant Requests: Create and manage on-chain payment requests with unique IDs.Multi-Chain Support: Works with Ethereum, Optimism, Polygon, Arbitrum, Avalanche, Base, and BNB Chain.Bridging & Transfers: Enables gasless cross-chain swaps and direct token transfers.Unified Dashboard: View all assets and track transactions across networks.Transparency: Payments and statuses stored securely on-chain.Use Cases: Perfect for merchants, freelancers, and cross-chain service payments.

Solution

🧠 Core Technology: Built using the Avail Nexus SDK, enabling seamless cross-chain swaps, bridges, and payments.⚙️ Framework: Developed with Next.js 15, React 18, and TypeScript for a fast, scalable, and modern frontend.🎨 UI & Styling: Designed using Tailwind CSS and Radix UI (shadcn/ui) for a clean and responsive user interface.🔗 Web3 Integration: Uses Wagmi, Viem, and ConnectKit for wallet connections and blockchain interactions.💾 State Management: Managed with Zustand for efficient, persistent global state handling.🪙 Smart Contracts: Includes a custom Solidity contract (PaymentRequest.sol) deployed via Hardhat to manage payment requests on-chain.📡 SDK Features: Integrates Nexus SDK modules for bridging, transferring, and tracking transactions across networks.🔔 Notifications & Feedback: Implements Sonner for real-time toast notifications during transactions.📊 Architecture: Modular structure with reusable components for Payment Requests, Transfers, Bridging, and Balance Dashboard.🔍 Testing & Deployment: Smart contracts tested with Hardhat and deployed to supported EVM networks (e.g., Polygon, Base).