从合约到界面，构建可用的 Web3 产品

我把智能合约、交易界面和产品体验连成一个完整系统，让复杂的链上逻辑更容易理解、更容易使用。

查看作品联系我

Smart Contract Graphx

Router0x3f...a9c1

Factory0x8b...11e2

Pair0x7c...9d4f

Token A

Token B

function swapExactTokensForTokens(amountIn, path, deadline)

ETH / USDC

1H4H1D1W

2,532.41

+1.28%

Swap0.30%

You payBalance: 2.8109

ETH1.25

↓

You receiveBalance: 5,688.21

USDC2,532.41

Swap

Selected systems

01A402 Launchpad

02Hidex Signals

03Simple DEX

从协议到产品

智能合约

Solidity、Hardhat、ERC20 流程、本地部署、合约集成。

前端系统

Next.js、React、TypeScript、设计系统、可访问交互。

市场界面

交易图表、实时数据源、交易对搜索、Charting Library。

产品打磨

中英文内容、深色模式、动效、性能导向实现。

“
我喜欢能把复杂系统状态清楚呈现出来的界面。

Architecture overview

Onchain

Solidity contracts

Events

State

Offchain

Indexing

Caching

APIs

Interface

Next.js app

Charts

Wallet UX

Contract (Solidity)

contract Token {
  string public name = "ProtoToken";
  mapping(address => uint256) balanceOf;

  event Transfer(address indexed from,
                 address indexed to,
                 uint256 amount);
}

Market preview

BTC / USDT

1H4H1D1W

精选作品

把实际项目放在一个可扫描的工作台里：协议、交易界面、机器人和产品站点。

A402 - Meme Launchpad已完成

基于 x402 协议构建的 Meme 代币发射平台，支持 1 USDC 低门槛参与、无 Gas 铸造和迁移前退款。本人负责项目的前端开发和智能合约开发。

SolidityDeFiNext.jsBase

查看详情

Hidex - AI Crypto Trading Signals已完成

专业的 AI 驱动加密货币交易信号平台，提供智能跟单、新币发现、Alpha 报告等功能，支持 Solana/EVM 多链。本人负责项目的前端开发工作。

ReactWeb3TradingSolana

查看详情

Hidex Telegram Bot已完成

多链加密货币代币信息查询机器人，支持 Solana/EVM 链代币实时数据查询、安全检测和智能资金信号推送。本人负责整个项目的Node.js开发。

Node.jsTelegram BotWeb3Solana

查看详情

Simple DEX已完成

一个基于 Uniswap V2 机制的简化版去中心化交易所，支持代币交换和流动性提供

DeFiAMMSolidityUniswap V2

查看详情

A402 - Meme Launchpad

查看详情

基于 x402 协议构建的 Meme 代币发射平台，支持 1 USDC 低门槛参与、无 Gas 铸造和迁移前退款。本人负责项目的前端开发和智能合约开发。

Explore shipped builds, experiments, and open demos.

查看详情打开项目

全部作品

一起构建可检查、可使用的 Web3 产品

如果你正在做 Web3 界面、智能合约 demo 或产品原型，可以发我一封邮件。我会给出一个务实的下一步。

发送邮件 Projects

0x9B...C8AD / TRANSFER

CALL

EVENT

从协议到产品

智能合约

Solidity、Hardhat、ERC20 流程、本地部署、合约集成。

前端系统

Next.js、React、TypeScript、设计系统、可访问交互。

市场界面

交易图表、实时数据源、交易对搜索、Charting Library。

产品打磨

中英文内容、深色模式、动效、性能导向实现。

“
我喜欢能把复杂系统状态清楚呈现出来的界面。

Architecture overview

Onchain

Solidity contracts

Events

State

Offchain

Indexing

Caching

APIs

Interface

Next.js app

Charts

Wallet UX

Contract (Solidity)

contract Token {
  string public name = "ProtoToken";
  mapping(address => uint256) balanceOf;

  event Transfer(address indexed from,
                 address indexed to,
                 uint256 amount);
}

Market preview

BTC / USDT

1H4H1D1W