GitHub Tracker là nền tảng full-stack analytics và monitoring GitHub được xây dựng bằng Remix v2, TypeScript và Bootstrap 5. Toàn bộ GitHub REST API v3 được wrap thủ công bằng fetch thuần — không dùng SDK ngoài.
Dashboard hiển thị push activity heatmap 52 tuần, language distribution donut chart, recent activity feed và profile metadata đầy đủ. Theo dõi repository chi tiết với per-repo deep dive gồm các tab: code, issues, pull requests, GitHub Actions, security, traffic và settings. Có contributor leaderboard, commit heatmap 90 ngày và release history kèm download count.
Tính năng webhook real-time cho phép auto-register trên toàn bộ repo chỉ 1 click, nhận live SSE stream trực tiếp trên trình duyệt, payload inspector JSON với copy button, filter theo event type và repository, pause/resume stream, hỗ trợ 20+ event types. Security dashboard tổng hợp Dependabot alerts theo severity, code scanning alerts với file:line location và secret scanning alerts. CI/CD section hiển thị workflow inventory, run history, success rate và per-repo health. Analytics bao gồm stars/forks/watchers charts, repo creation timeline 24 tháng, traffic 14 ngày, top referrers và top paths.
Tổng cộng 35 routes, ~6.800 dòng TypeScript/TSX, canvas 2D charts tự viết không dùng thư viện ngoài, cookie session mã hóa, structured SSE store.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Yêu cầu Node.js 20+ và GitHub Personal Access Token (Classic) với tất cả các scopes ngoại trừ delete. Tạo file .env, điền SESSION_SECRET (tự generate bằng python -c "import secrets; print(secrets.token_hex(32))") và GITHUB_WEBHOOK_SECRET (tương tự). Chạy npm run dev rồi mở localhost:5173, nhập GitHub PAT vào ô login là xong. Để nhận webhook từ GitHub cần expose localhost ra ngoài bằng ngrok http 3000, copy URL ngrok vào mục Webhooks → Setup → Register on All Repos.
Nguồn: Topcode.vn
