Skip to content

zyz-124/github-repo-analyzer

Repository files navigation

🚀 GitHub Repo Analyzer

一个美观的 GitHub 仓库分析可视化工具

React TypeScript Vite Tailwind CSS

✨ 功能特性

  • 📊 代码语言分布可视化 - 饼图/柱状图展示
  • 👥 贡献者活跃度排行榜 - 提交数、代码行数统计
  • 📅 提交频率日历热图 - 类似 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 dev

构建

npm 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!

📄 许可证

MIT


Made with ❤️ by zyz-124

About

GitHub 仓库分析可视化工具

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors