$ show hellokaton/china-ranking
This repository is a static website ranking Chinese GitHub developers by follower count, built with Astro and Tailwind CSS. It features two ranking tabs: 'Developers' and 'Markdown Engineers', based on a curated list of users known for documentation/content creation. The site fetches data daily via GitHub Actions using a Node.js script that queries the GitHub API. While primarily a web application, it has a significant data-engineering component in the form of the data collection script, which includes rate limiting, pagination, caching, and deduplication. The frontend implements client-side search functionality and lazy-loaded avatars for performance. The UI is designed with a VSCode-inspired dark theme. The codebase is well-structured, with clear separation of data fetching, utilities, and presentation components. However, the ranking logic and the classification of 'Markdown Engineers' are based on a hardcoded list, which is opinionated and not algorithmic. Overall, the project is a functional and visually polished static ranking site with a robust data pipeline.
The LLM identified 3 files worth highlighting for reuse:
A robust Node.js script for fetching GitHub user data with rate limit handling, exponential backoff, caching, and multi-query strategy to bypass the 1000-result API limit. It is reusable for any GitHub user data collection project with minimal modification.
A self-contained search component with client-side JavaScript that filters user cards dynamically by username or name. It includes event listeners for input and buttons, displays result count, and can be extracted for any list-filtering scenario in an Astro project.
A user profile card component with lazy image loading via IntersectionObserver, structured stats display, and social links. Demonstrates clean component composition with Astro props and scoped styles, reusable for any user profile listing in a ranking or directory site.