返回作品集

Hidex - AI Crypto Trading Signals

已完成

专业的 AI 驱动加密货币交易信号平台,提供智能跟单、新币发现、Alpha 报告等功能,支持 Solana/EVM 多链

ReactWeb3TradingSolanaMulti-Chain
Hidex - AI Crypto Trading Signals
功能特性
  • Privy 多方式 Web3 登录
  • Solana + EVM 多链资产管理
  • TradingView K线图深度集成
  • react-virtualized 虚拟滚动
  • Redux Toolkit + Zustand 状态管理
  • Web Notification 信号推送
  • 深色/浅色主题切换
  • i18next 国际化
  • Sentry 错误监控
技术栈
React 18TypeScriptViteRedux ToolkitZustandPrivySolana Web3.jsEthers.jsTradingViewreact-virtualizedAnt DesignReact VantTailwindCSSLessi18nextSentry
项目详情

Hidex 是一个功能完善的 AI 加密货币交易信号平台,本人负责项目的前端开发工作。

【技术架构】

- React 18 + Vite + TypeScript 构建,采用模块化目录结构(view/components/hooks/store/api)

- Redux Toolkit + Zustand 混合状态管理,createSlice 管理全局状态,Zustand 处理轻量级局部状态

- 封装 Axios 请求层,统一拦截器处理 Token 刷新、错误码映射和请求重试

- Sentry 集成实现错误监控和性能追踪

【多链钱包集成】

- Privy 实现 Web3 身份认证,支持社交账号(Google/Twitter/Email)和钱包(MetaMask/Phantom)多种登录方式

- 封装 usePrivyWalletsBalance Hook,聚合查询用户在 Solana 和 EVM 链上的资产余额

- Solana Web3.js 处理 SPL Token 交互,Ethers.js 处理 ERC20 交互,抽象统一的资产管理接口

- 助记词派生多链地址,使用 ed25519-hd-key 和 bip39 实现 HD 钱包

【核心功能实现】

- TradingView 图表集成:封装 Datafeed 和 Streaming 模块,实现实时 K 线数据推送和自定义指标

- 信号列表:react-virtualized 虚拟滚动优化长列表渲染,useInfiniteScroll 自定义 Hook 实现无限加载

- 信号推送:封装 useSignalPushNotification Hook,结合 Web Notification API 实现浏览器通知

- 交易面板:实时价格轮询、滑点计算、Gas 估算,支持快捷交易和高级设置

【UI/UX 优化】

- Ant Design + React Vant 组件库,PC/Mobile 双端适配

- TailwindCSS + Less 混合样式方案,支持深色/浅色主题切换

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

- Lottie 动画提升交互体验,html-to-image 实现分享图片生成