返回作品集

A402 - Meme Launchpad

已完成

基于 x402 协议构建的 Meme 代币发射平台,支持 1 USDC 低门槛参与、无 Gas 铸造和迁移前退款

SolidityDeFiNext.jsBaseFull-Stack
A402 - Meme Launchpad
功能特性
  • EIP-3009 Gasless 授权转账
  • Bonding Curve + DEX 自动迁移
  • BeaconProxy 可升级合约
  • LP Token 永久锁定
  • AccessControl 权限管理
  • wagmi/viem 链上交互封装
  • Privy Web3 身份认证
  • x402 协议支付集成
  • React Hook Form + Zod 表单
  • i18next 国际化
技术栈
SolidityHardhat 3OpenZeppelin UpgradeableEIP-3009Uniswap V2Next.js 15React 19TypeScriptPrivywagmiviemx402-fetchZustandTailwindCSSi18next
项目详情

A402 是一个基于 x402 协议的 Meme 代币发射平台,部署在 Base 链上。本人负责项目的前端开发和智能合约开发。

【智能合约开发】

合约架构设计(分层架构):

- Manager 层:X402LaunchPadManager 作为用户交互入口,管理代币创建、批量购买和迁移触发

- Controller 层:X402TokenController 封装核心交易逻辑,采用 BeaconProxy 模式实现可升级

- Token 层:X402Token 继承 ERC20 和 EIP-3009,支持授权转账和迁移后手续费机制

核心技术实现:

- EIP-3009 授权转账:实现 transferWithAuthorization 和 receiveWithAuthorization,用户签名后由 Operator 代付 Gas 完成转账

- Bonding Curve 机制:预售阶段采用固定汇率 (exchangeRate),当募集金额达到 migrateThreshold 时触发 DEX 迁移

- Uniswap V2 集成:调用 Router.addLiquidity() 添加流动性,并将 LP Token 发送至死地址实现永久锁定

- 可升级合约:使用 OpenZeppelin Upgradeable + BeaconProxy 模式,支持 Controller 逻辑热升级

- 权限控制:基于 AccessControlEnumerable 实现 OPERATOR_ROLE、CLAIM_ROLE 等角色管理

- 安全机制:ReentrancyGuard 防重入、Pausable 紧急暂停、迁移前限制合约调用

【前端开发】

技术架构:

- Next.js 15 (App Router) + React 19 + TypeScript 构建,支持 SSR 和 Turbopack 开发

- wagmi + viem 实现链上交互,封装 useTokenBalance、useTokenApproval 等自定义 Hooks

- Zustand 全局状态管理,Immer 实现不可变数据更新

- Privy 集成实现 Web3 登录(支持社交账号 + 钱包多种方式)

核心功能实现:

- x402-fetch 支付流程:集成 x402 协议实现 Gasless 铸造,前端处理签名授权和支付验证

- 代币创建表单:React Hook Form + Zod 验证,Pinata 上传图片至 IPFS

- 交易面板:实时余额查询、滑点设置、授权检查、交易状态轮询

- 响应式适配:TailwindCSS + postcss-pxtorem 实现移动端适配

- 国际化:i18next 实现中英文切换,支持浏览器语言自动检测