Trans-pay

Trans-Pay is a decentralized cross-chain payment platform built with the Avail Nexus SDK.

Trans-pay

Created At

ETHOnline 2025

Project Description

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).

background image mobile

Join the mailing list

Get the latest news and updates