Thriving Thriving JavaScript JS CSS CS
48
awesome-github-repos tonngw/awesome-github-repos

🚀 A curated collection of awesome GitHub repositories, organized by language and topic from my starred projects. Modern, elegant platform for showcasing your starred GitHub repositories.

https://awesome.tonngw.com ↗
HEALTH 70 / Stable
// solo builder// hidden gem// fork magnet github-actiongithub-pagesawesome-github-reposcss3html5javascript

// readme

🚀 Awesome GitHub Repository Showcase

A modern, elegant platform for showcasing your starred GitHub repositories

🌟 Live Demo | 📖 Documentation | 🤝 Contributing

English | 中文


📖 项目简介

Awesome GitHub Repository Showcase 是一个现代化的GitHub仓库展示平台,专为开发者设计,用于优雅地展示和管理收藏的开源项目。

🎯 核心理念: 让优秀的开源项目以最美观、最直观的方式呈现,帮助开发者更好地发现、整理和分享有价值的代码仓库。

💡 设计灵感: 参考了现代化的设计语言和用户体验最佳实践,打造出既美观又实用的展示平台。

project

如果你喜欢简洁的页面风格可以使用 index-simple.html

✨ 功能特性

  • 🔍 智能搜索: 实时搜索仓库名称、描述、主题标签和作者,支持多关键词
  • 🏷️ 语言过滤: 按编程语言筛选仓库,提供快速过滤按钮和分类视图
  • 📊 多种排序: 支持按星标数、名称、更新时间等多种方式排序
  • 📱 响应式设计: 完美适配桌面、平板和移动设备
  • 性能优化: 使用防抖搜索、虚拟滚动和懒加载优化性能
  • 快捷支持: 完整的键盘导航和快捷键支持
  • 🎨 精美动画: 流畅的过渡动画和微交互效果

🛠️ 技术栈

类别说明
前端原生 HTML5 + CSS3 + JavaScript (ES6+)
样式CSS Grid + Flexbox,CSS 自定义属性
字体Inter 字体家族
图标SVG 图标
部署GitHub Action + GitHub Pages

🚀 快速开始

The Undervalued Score +

How much a project earns versus how much attention it actually gets. Above 50 means the work is outrunning its audience. Recomputed nightly from commit velocity, contributor effort, issue resolution, fork utility, release cadence, and project maturity — divided by a logarithmic reach factor.

score  = signal / reach

signal = 0.25·commit_velocity   // commits in last 90 days (cap 30)
       + 0.20·contributor_work  // unique authors × velocity (cap 100)
       + 0.20·issue_resolution  // closed ÷ total issues
       + 0.20·fork_ratio        // forks ÷ stars (proxy for real usage)
       + 0.10·release_cadence   // releases in 90 days (cap 3)
       + age_bonus              // +0 to +0.30 after 6 months
       + homepage_bonus         // +0.05 if homepage is set

reach  = log₁₀(stars + watchers + 10)
The Health Score +

Is the project alive and maintained right now? A 0–100 pulse recomputed nightly from commit recency, rhythm, how fast issues close, and how quickly PRs get merged.

health = 0.35·recency       // days since last commit (90d decay)
       + 0.25·cadence       // commit rhythm consistency
       + 0.20·issue_health  // closed ÷ total issues
       + 0.20·pr_health     // merged ÷ total PRs
Health bands +

The colour and label on every card come straight from the health score.

Healthy   80 – 100   active, responsive, regular releases
Stable    60 – 79    maintained, steady, no alarms
Quiet     40 – 59    slowing down — watch this one
At Risk    0 – 39    going dark · candidate for rescue
// Tags — what each label means +

Tags are independent behavioral signals computed nightly. A project can hold multiple at once. They drive the home page sections.

solo_builder      one person holds > 80% of commits (last 180d)
needs_contributors has open "help wanted" or "good first issue" labels
hidden_gem        < 100 stars · active in last 3 months · documented
legacy_hero       repo > 5 years old · committed this year
fork_magnet       forks/stars > 0.5 · used as template or dependency
release_machine   5+ releases in the last 90 days
under_pressure    > 10 open issues · ≤ 2 contributors · health ≥ 60
community_watch   watchers > stars · devs tracking before the public
community_hub     GitHub Discussions enabled · > 20 discussions
funded            maintainer has active funding channel
Why rank against stars at all? +

Stars are an outcome, not effort. A project with 8 stars and daily commits is doing more interesting work than one coasting on 8k. We measure the building, then divide by the attention already received — so the genuinely undervalued rise to the top.

// stars   = lagging indicator
// commits = leading indicator
// we rank by the leading one