Tôi sẽ xây dựng giao diện người dùng ví tiền mã hóa Web3 với WalletConnect, hỗ trợ đa chuỗi và bảng điều khiển DeFi

Giao diện ví Web3 thực sự hoạt động

Giao diện ví Web3 cấp độ sản xuất kết nối với các chuỗi thực, ký các giao dịch thực và tồn tại với người dùng thực. Không phải bản mô phỏng Figma. Không phải các trang đích “sắp ra mắt”. Các dApp được triển khai, kết nối chuỗi hoạt động ngay khi ai đó mở MetaMask.

Cho dù dự án là bảng điều khiển DeFi, ví đa chuỗi, thư viện NFT hay giao diện hoán đổi token — toàn bộ ngăn xếp giao diện người dùng được xử lý: kết nối ví, ký giao dịch, tìm nạp số dư, chuyển đổi chuỗi, phê duyệt token và các trạng thái lỗi mà hầu hết các nhà phát triển quên cho đến khi sản xuất bị lỗi.

Những gì được xây dựng:

· Kết nối ví — MetaMask, WalletConnect v2, Rainbow, Coinbase Wallet, Phantom, Trust, Ledger qua wagmi v2 + viem + RainbowKit

· Hỗ trợ đa chuỗi — Ethereum, Polygon, Base, Arbitrum, Optimism, BNB Chain, Solana (qua bộ điều hợp ví)

· Hiển thị token & số dư — Tìm nạp ERC-20, ERC-721, ERC-1155 với giá USD trực tiếp từ CoinGecko hoặc một oracle tùy chỉnh

· Lịch sử giao dịch — phân trang, có thể lọc, với các liên kết sâu Etherscan / Polygonscan / Basescan

· Giao diện hoán đổi — định tuyến Uniswap v3, kiểm soát trượt giá, cảnh báo tác động giá, quy trình phê duyệt

· Thư viện NFT — chế độ xem lưới/danh sách, tìm nạp siêu dữ liệu + IPFS, liên kết sâu thị trường (OpenSea, Blur, Magic Eden)

· Tích hợp hợp đồng thông minh — đọc/ghi các cuộc gọi đến các hợp đồng đã triển khai qua viem với ABI được đánh máy

· Bảng điều khiển DeFi — giá trị danh mục đầu tư, vị thế lợi suất, theo dõi APY, biểu đồ lịch sử

· WalletConnect v2 — luồng QR + liên kết sâu cho ví di động, duy trì phiên

· Xác thực SIWE — Đăng nhập bằng Ethereum cho nội dung có cổng, khu vực quản trị, tài khoản người dùng

Điều gì làm cho WALLIX khác biệt:

Hầu hết các giao diện người dùng Web3 trông bóng bẩy trong bản demo và sụp đổ ngay khi người dùng ở sai chuỗi, có số dư bằng không, từ chối chữ ký hoặc gặp RPC chết. WALLIX được xây dựng cho thế giới thực — mọi trạng thái được xử lý, mọi trường hợp biên được bao phủ, mọi thông báo lỗi đều dễ đọc thay vì một bản đổ hex thô.

Chất lượng xây dựng đến từ việc vận chuyển giao diện người dùng ví, bảng điều khiển DeFi, giao diện đúc NFT và giao diện người dùng thị trường. Sự khác biệt giữa một hook wagmi hoạt động trong localhost và một hook tồn tại trong lưu lượng truy cập sản xuất, kết nối lại WalletConnect và liên kết sâu di động là toàn bộ vấn đề.

Ngăn xếp công nghệ được sử dụng:

· Giao diện người dùng: React 19, Next.js 15, TypeScript, Tailwind CSS, Framer Motion

· Web3: wagmi v2, viem, ethers.js v6, RainbowKit, WalletConnect v2, @solana/wallet-adapter

· Dữ liệu: TanStack Query, Zustand, Alchemy / Infura / QuickNode RPCs, CoinGecko API

· Triển khai: Vercel (mặc định), Cloudflare, Railway, IPFS (tùy chọn)

Kiểm tra & phạm vi QA:

Mọi bản dựng đều được vận chuyển với các bài kiểm tra khói kết nối ví trên MetaMask, WalletConnect v2 và Coinbase Wallet, trên Chrome, Safari và trình duyệt trong ví di động. Chuyển đổi chuỗi, lời nhắc mạng sai và luồng từ chối giao dịch được xác minh thủ công trước khi bàn giao. Có sẵn các lần chạy thử nghiệm trên testnet theo yêu cầu của người mua.

Quyền sở hữu & NDA:

Toàn bộ quyền sở hữu trí tuệ và mã nguồn được chuyển giao cho người mua khi giao hàng cuối cùng. NDA có sẵn theo yêu cầu — lý tưởng cho các dự án Web3 ở chế độ ẩn danh hoặc được tài trợ.

Thời gian giao hàng:

Cơ bản: 7 ngày · Tiêu chuẩn: 14 ngày · Cao cấp: 25 ngày

Những gì cần từ người mua để bắt đầu:

1. Chuỗi nào cần hỗ trợ

2. Địa chỉ hợp đồng thông minh + ABI (nếu tích hợp hợp đồng)

3. Một tệp Figma hoặc thiết kế tham chiếu (hoặc thiết kế từ đầu — hỏi)

4. Người dùng nên có thể kết nối với ví nào

Hãy xây dựng nó.

Gửi chi tiết chuỗi + hợp đồng và bản xem trước trực tiếp 48 giờ sẽ được gửi — không trả trước. Bản xem trước trực tiếp trên chuỗi của bạn sẽ được gửi trước khi bất kỳ khoản thanh toán nào đến hạn.