Trans-pay
Trans-Pay is a decentralized cross-chain payment platform built with the Avail Nexus SDK.
About
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.
How it's made
🧠 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).