mon-transfer

A modern, decentralized token transfer platform built on the Monad blockchain, featuring ERC-4337 Smart Account integration and real-time transaction indexing with Envio.

🌐 Live Demo: https://transfer-smartaccount.vercel.app/

🚀 Features

🔐 Smart Account Integration

• ERC-4337 Account Abstraction: Deploy and manage Smart Accounts for gasless transactions

• Pimlico Bundler Integration: Seamless transaction processing through Pimlico's infrastructure

• MetaMask Delegation Toolkit: Easy wallet connection and account management

• Automatic Deployment: One-click Smart Account deployment with status monitoring

💸 Advanced Transfer Capabilities

• Native Token Transfers: Send MON tokens directly with Smart Account integration

• ERC-20 Token Support: Transfer any ERC-20 token with automatic token detection

• Batch Transfers: Send tokens to multiple recipients in a single transaction

• Gas Optimization: Reduced gas fees through batch processing and Smart Account abstraction

📊 Real-time Transaction Monitoring

• Envio Indexing: Real-time blockchain data indexing and querying

• Transfer History: Comprehensive transaction history with filtering and search

• Transaction Analytics: Sent/received statistics and net balance tracking

• GraphQL API: Efficient data querying through Envio's GraphQL endpoint

🎨 Modern User Interface

• Dark Theme Design: Professional dark interface with glass morphism effects

• Responsive Layout: Optimized for desktop and mobile devices

• Sidebar Navigation: Collapsible sidebar with smooth transitions

• Progress Indicators: Visual step-by-step guidance for complex operations

• Animated Components: Subtle animations and hover effects for enhanced UX

🏗️ Technical Architecture

Frontend

• Framework: Next.js 14 with TypeScript

• Styling: Tailwind CSS with custom CSS variables

• State Management: React hooks and context providers

• Wallet Integration: MetaMask with custom provider wrapper

Blockchain Integration

• Network: Monad Testnet (Chain ID: 10143)

• Smart Contracts: ERC-4337 EntryPoint and custom TransferEventWrapper

• Libraries: Viem for blockchain interactions

• Bundler: Pimlico for UserOperation processing

Data Indexing

• Envio Indexer: Real-time blockchain event indexing

• GraphQL API: Query interface for transaction data

• Event Wrapper: Custom contract for emitting transfer events

• Database: PostgreSQL with Envio's managed infrastructure

📋 Smart Contract Addresses

TransferEventWrapper Contract

Address: 0xFf71Ff614d6B621541408Adce546bF68Ad399b5d
Network: Monad Testnet
Purpose: Emit standardized events for transfer operations

ERC-4337 EntryPoint

Address: 0x0000000071727De22E5E9d8BAf0edAc6f37da032
Network: Monad Testnet
Purpose: ERC-4337 Account Abstraction entry point