CryptoRank App：一站式加密货币交易所排行榜指南

为什么选择 CryptoRank App？

CryptoRank App 是一个轻量级、响应迅速的 加密货币交易所排行榜 平台。它实时抓取 CoinGecko API 数据，把全球交易所的 交易量、手续费、上架币种和用户评价 统一呈现，一目了然的视觉设计让新手也能 30 秒内找到心仪的 加密交易所。

最近准备换交易所却发现信息分散？👉 一分钟对比全球主流平台最新排行，先睹为快！

技术亮点

技术栈

• 前端：React 18 + React Router Dom 实现单页面应用
• 状态管理：Redux Toolkit + React Redux 保证实时同步
• UI 框架：React Bootstrap + Sass，移动端优先的响应式布局
• 数据：Axios 轮询 CoinGecko API，每秒更新行情
• 工具链：PropTypes 静态检查、Redux Logger 调试中间件与 Jest 单元测试

核心功能

1. 快速查看 加密货币交易所排名（按 24h 交易量）
2. 点击任意交易所，即时弹出 手续费、支持币种、用户评分 弹窗
3. 一键搜索交易所名称或简称，关键词高亮
4. 深色/浅色主题 + 手机端单手操作 优化

5 步本地部署指南

1. 准备工作

• 安装 Git 与 Node.js 最新 LTS
• 任一现代浏览器（Chrome/Firefox/Safari）

2. 克隆仓库

git clone https://github.com/fmanimashaun/cryptorank-hub.git
cd cryptorank-hub

3. 安装依赖

npm install

4. 启动开发服务器

npm start

浏览器将自动打开 http://localhost:3000/cryptorank-hub，实时热更新。

5. 测试与构建

npm run test         # 单元测试
npm run lint:js      # JS 代码检查
npm run lint:css     # 样式检查
npm run build        # 生产环境打包
npm run deploy       # 部署至 GitHub Pages

进阶场景示例

• 量化交易员：把交易所每日交易量和排行批量导出 CSV，配合 加密货币交易所数据 做因子回测。
• 初入圈用户：在页面上划即比价，锁定手续费最低的平台。
• 产品经理：直接在浏览器 DevTools 里挑接口，30 秒内扒走最规整的 交易量 数据。

想更进一步？👉 获取实时多空比与深度数据，优化工作量证明！

路线图（Coming Soon）

• 独立 加密货币 页面，支持 10,000+ 代币跟踪
• API Key 自定义窗口，增加私有行情
• 社区评分系统，真实用户评价加权排行
• PWA 离线缓存，弱网环境也能查排名

贡献规范

鼓励 PR、Issue，但请遵守：

1. 分支命名：feature/简洁英文 或 fix/问题简述
2. Commit 信息使用 conventional-changelog 标准
3. Pull Request 需附带简要测试截图或录屏

常见问题 FAQ

Q1：汇率与交易量为何偶尔延迟？
A：数据来源于 CoinGecko，官方更新周期为 60~120 秒。我们会在下个版本加入 交易所数据 本地缓存，显著缩短延迟。

Q2：是否支持多维筛选？
A：目前支持按“现货/衍生品种类”与“区域”筛选，正在开发“支持法币”“杠杆倍数”等更多条件。

Q3：可以导出排行榜截图或 PDF 吗？
A：手机原生分享已支持保存图片；桌面端可按 Ctrl+P 调用浏览器打印 → 导出 PDF。

Q4：会对我的查询记录做追踪吗？
A：不会。本站不存储任何个人数据，所有搜索仅缓存于会话生命周期内。

Q5：未来是否开源移动端？
A：React Native 重构已排入 Q3，届时将共享同一套 Redux 状态层，保持 加密交易所排名 的体验一致性。

Q6：如何估算手续费？
A：在每条交易所卡片中，点进“详情”即可查看 Maker/Taker 分层费率；若想比较多家，👉 试试手滑对比全球费率差异！

开源许可

本项目采用 MIT 协议，允许商业使用，但请保留原项目署名与贡献者名单。