一个美观的 GitHub 仓库分析可视化工具
- 📊 代码语言分布可视化 - 饼图/柱状图展示
- 👥 贡献者活跃度排行榜 - 提交数、代码行数统计
- 📅 提交频率日历热图 - 类似 GitHub 贡献图
- 📝 README 质量检查清单 - 文档完整性评分
- 🖼️ 生成分享图片 - 分析报告截图分享
👉 点击这里试用 (部署后更新链接)
(添加演示截图)
- Node.js 18+
- npm 或 yarn
# 克隆仓库
git clone https://github.com/yourusername/github-repo-analyzer.git
cd github-repo-analyzer
# 安装依赖
npm install
# 启动开发服务器
npm run devnpm run build- 前端框架: React 18 + TypeScript
- 构建工具: Vite
- UI 组件: shadcn/ui + Tailwind CSS
- 图表库: Recharts
- API: GitHub REST API v3
github-repo-analyzer/
├── src/
│ ├── components/ # UI 组件
│ │ └── ui/ # shadcn/ui 组件
│ ├── lib/ # 工具函数
│ ├── types/ # TypeScript 类型
│ ├── App.tsx # 主应用组件
│ ├── main.tsx # 应用入口
│ └── index.css # 全局样式
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── vite.config.ts
- 项目初始化 (第 1 周)
- GitHub API 集成 (第 2 周)
- 核心组件开发 (第 3-4 周)
- 分享功能 + 测试 (第 5 周)
- 部署 + 文档 (第 6 周)
欢迎提交 Issue 和 Pull Request!
Made with ❤️ by zyz-124