blockless pay

Problem Statement

Key Features✅Intuitive Swap Order CreationEasily define your desired swap: source chain, token, amount, and recipient address — all in one form.🔗Shareable Order Link with Wallet SelectionGenerate a single URL that, when opened, showsall available wallet deeplinks. Recipients can pick their wallet and proceed directly to approval — no app switching or manual input needed.📲Smart Wallet Deeplink SupportThe order page automatically detects and displays deeplinks for popular wallets:MetaMaskTrust WalletCoinbase WalletRabbySafePalTokenPocketAnd moreScanning or clicking the correct link opens the transaction in the user’s wallet app with full swap details pre-filled.🌐True Cross-Chain Swaps via 1inchLeverages the1inch Cross-Chain SDKto enable seamless swaps across EVM-compatible networks (e.g., Ethereum → Arbitrum, Polygon → Base). No need for the recipient to hold the source token — the swap happens as part of the transaction.🧩Powered by 1inch Fusion+Ensures optimal pricing, MEV protection, and atomic execution of swaps, even across chains.🖼️Dual QR Code OptionsUniversal QR Code: Opens the order page with all wallet options.Wallet-Specific QR Codes: Direct deeplink QRs for each wallet (e.g., scan with MetaMask → transaction opens instantly).🌙Modern UI with Dark ModeBuilt with React, TypeScript, and Tailwind CSS for a responsive, accessible, and beautiful experience on any device.🔌Seamless Wallet IntegrationUseswagmiandviemfor robust wallet connectivity and address auto-fill during order creation.How It WorksThe flow is designed for maximum simplicity across two roles: theorder creatorand theexecutor.1.Create the OrderThe user selects:Source blockchainInput token and amountRecipient address (can auto-fill from connected wallet)The app uses 1inch APIs to validate and configure the swap.2.Generate & ShareClick “Generate Order” to create a unique, shareable link (e.g.,https://blocklessswap.app/order?id=abc123)The app generates:Auniversal linkthat opens a wallet selection interfaceAQR codefor easy mobile sharingOptional: individualwallet-specific QR codesfor direct deeplinking3.Execute the SwapRecipient opens the link on mobile or desktopSees a clean page listingall compatible wallet deeplinksTaps their wallet (e.g., "Open in MetaMask")Wallet opens with thecross-chain swap pre-filledUser confirms the transaction — done!No need to visit a DApp, connect a wallet, or manually enter swap details.

Solution

Frontend: React, TypeScript, ViteStyling: Tailwind CSS (with dark mode support)Web3 Libraries:wagmi&viem: Wallet connections and on-chain interactionsAPI Proxy: Vercel rewrites (vercel.json) proxy 1inch API requests to avoid CORS issues to 1inch apisQR Generation:qrcode.reactfor dynamic QR code renderingDeployment: Optimized for Vercel (serverless functions + static hosting)