我的首个 Web3 DApp

功能特性

• 🔗 MetaMask 钱包连接/断开
• 🌐 多 RPC 节点容错配置
• 💰 实时查询 ETH 余额
• 🪙 实时查询 ERC20 代币余额（USDC）
• 🎨 响应式 UI 设计，支持移动端

技术栈

• 前端框架: Next.js 14 + TypeScript
• 样式方案: Tailwind CSS
• Web3 开发: Wagmi + Viem
• 钱包连接: MetaMask, OKX Wallet
• 开发网络: Sepolia 测试网

Web3 DApp 钱包应用

一个功能完整的 Web3 去中心化应用，支持多链钱包连接、资产查看和代币转账功能。

🚀 当前进展

✅ 已实现功能

核心功能

• 多钱包支持: MetaMask, OKX Wallet 连接
• 多网络支持: 以太坊主网、Sepolia 测试网
• 资产显示: 实时查看 ETH 和 USDC 余额
• 转账功能:
  • ✅ ETH 转账 - 已测试通过
  • ✅ USDC 转账 - 已测试通过

技术特性

• 响应式 UI 设计，支持暗黑主题
• 实时交易状态跟踪
• 完整的错误处理和用户提示
• 安全的交易验证机制

📦 项目结构

🚀 在线演示

点击体验 Live Demo