🔥 GitHub Reels

像刷短视频一样，发现有趣的开源项目

一句话描述： 在手机上上下滑动，一个屏幕一个项目，快速发现 GitHub 上最火的开源仓库。

🚀 快速开始 · 📱 安装 Android APK · ✨ 功能特性 · 🛠️ 技术栈

---

✨ 功能特性

🎬 短视频流体验 一屏一个项目，上下滑动切换 CSS Scroll-snap 实现丝滑滚动 IntersectionObserver 懒加载详情	🌐 智能搜索 支持完整 GitHub 搜索语法 9 个快捷标签一键切换主题 AI · Rust · LLM · TypeScript · 自部署...
🇨🇳 中文速览 自动生成中文项目描述 智能标签分类（AI/前端/移动端/后端...） 接入翻译 API，中英文一键切换	💬 评论区 展示仓库热门 Issues 滑到即加载，不阻塞浏览 直达 GitHub Issues 页面
⭐ GitHub 同步 登录后直接给仓库 Star Token 安全存储在本地 支持自定义 API 代理	📱 原生体验 Android APK 可直接安装 PWA 可添加到主屏幕 离线缓存应用壳

---

🚀 快速开始

方式一：在线访问

直接在浏览器中打开项目，无需安装任何依赖。

方式二：本地运行

# 克隆项目
git clone https://github.com/HAORAN808/github-reels.git
cd github-reels

# 启动开发服务器（需要 Node.js）
npx vite

# 或者用 Python
python -m http.server 5173

然后打开 http://localhost:5173

方式三：安装 Android APK

1. 从 Releases 下载 APK
2. 传输到手机安装
3. 长按主屏幕可添加桌面小组件

---

🛠️ 技术栈

层级	技术
前端	原生 HTML + CSS + JavaScript（零框架）
模块化	ES Modules（10 个独立模块）
构建	Vite 6
PWA	Service Worker + Web App Manifest
Android	Capacitor + WebView
翻译	MyMemory API + 本地降级
API	GitHub Search API v3

---

📁 项目结构

github-reels/
├── index.html                 # 入口 HTML
├── styles.css                 # 样式（CSS 变量 + 响应式）
├── sw.js                      # Service Worker（离线缓存）
├── manifest.webmanifest       # PWA 配置
├── src/
│   ├── main.js                # 入口，事件绑定，流程编排
│   ├── state.js               # 状态管理（发布-订阅）
│   ├── api.js                 # GitHub API（重试/限流/校验）
│   ├── render.js              # DOM 渲染（卡片/反馈/状态页）
│   ├── observe.js             # IntersectionObserver 滚动检测
│   ├── i18n.js                # 中文字符串表 + 仓库分析
│   ├── translate.js           # 翻译 API + 本地降级
│   ├── persistence.js         # localStorage 读写
│   ├── lru.js                 # LRU 缓存
│   └── utils.js               # 纯工具函数
├── android/                   # Android 原生项目（Capacitor）
│   └── app/src/main/
│       ├── AndroidManifest.xml
│       └── java/.../MainActivity.java
├── package.json
└── vite.config.js

---

🎯 快捷搜索标签

标签	搜索词	说明
🔥 高星项目	stars:>5000	所有时间最火的项目
🆕 今年新秀	stars:>200 created:>=2026-01-01	2026 年新项目
🤖 AI	topic:ai stars:>300	人工智能相关
🦀 Rust	topic:rust stars:>500	Rust 语言项目
🧠 LLM	topic:llm stars:>200	大语言模型
⌨️ 命令行	topic:cli stars:>100	CLI 工具
🏠 自部署	topic:self-hosted stars:>200	可自部署的服务
📘 TypeScript	topic:typescript stars:>300	TypeScript 项目

---

⌨️ 键盘快捷键

按键	功能
J / ↓ / Space	下一个项目
K / ↑	上一个项目
R	刷新当前列表

---

📄 License

MIT License · 自由使用和修改

---

如果觉得有用，请给个 ⭐ Star 支持一下！

Made with ❤️ by HAORAN808