🔗 GitHub 仓库地址：https://github.com/aronnaxlin/GridTrax
🔗 在线 Demo 体验：https://grid.aronnax.site
很高兴向各位宣布我的第一款真正意义上为自己而做，且全程 Vibe Coding 的小工具——GridTrax。
这个项目起源于一个小执念，我想把 Bangumi 的「点格子」功能也添加到豆瓣，但在之后秉持着重复造轮子的想法我干脆自制了一个纯前端服务，做一个属于自己的点格子小工具。
而经过接近三天和 AI 的讨论和「争吵」过后，GridTrax 项目终于可以发布了！下面请容许我（和 Gemini）为您介绍 GridTrax。
GridTrax 是什么？
GridTrax 是一个现代、精美且纯粹的前端私有影视剧集进度追踪应用。它的核心理念很简单：把追剧变成一种视觉享受，并把数据主权彻底还给用户。
核心亮点：
- 打卡式的网格视图：灵感来源于 Bangumi。对于包含几十集的动漫或多季美剧，GridTrax 会为每一集生成独立网格，长按或点击即可轻松打卡进度。
- 0 后端，纯前端架构：由于仅作为个人记录工具，项目完全移除了后端服务依赖。你可以把它部署在 Vercel、Cloudflare Pages，甚至直接丢进 NAS 的 Nginx 里。
- WebDAV 私有同步：所有的观影数据均保存在本地浏览器中，并原生支持通过标准 WebDAV 协议（配合 OpenList 或私有云盘）进行跨设备同步。你的数据，只存在你自己的硬盘里。
- 海量元数据与动态主题：集成 TMDB API 获取全球影视数据，每一个剧集都有着精美的主页以供欣赏。还通过引入 Base64 Schema，支持多样配色主题。
- Bangumi 导入支持：通过引入 Bangumi API，支持从 Bangumi 账户导入观看数据，为 Bangumi 用户提供一个备选点格子方案。
- 绝对的隐私与轻量：作为一个纯前端的项目，GridTrax 的所有逻辑都在你的浏览器里运行：
- 你的 TMDB Token 和观影数据永远不会经过任何第三方服务器。
- 在没有配置 WebDAV 时，数据完全存储在本地的 LocalStorage。
- 构建产物全静态，你可以把它零成本部署在 GitHub Pages、Vercel，或者通过我们提供的 Docker 镜像一键跑在你的群晖、飞牛 NAS 乃至轻量 VPS 里。
主页展示
详细页展示
Roadmap
GridTrax 目前已经具备了完整的核心功能，但我会继续维护它。接下来的重点包括：
- Bangumi 同步增强：研究 TMDB 与 Bangumi 异构数据源之间的映射关系，解决“季”与“独立条目”的结构性隔离。
- 支持更多数据源：除 TMDB 外，考虑将 IMDB, 豆瓣, Bangumi 等常见元数据提供服务商作为可选媒体源，以支持更多的剧集数据。
- PWA 支持与离线模式：让它在移动端体验更接近原生 App。
- 数据可视化：支持导出美观的个人年度追剧足迹图表。
结语
GridTrax 并不是什么大型工程，但我相信世界之大总有和我一样的需求的同好们，GridTrax 将基于 MIT 协议开源，并提供在线试用网站。无论你是想找个好看的追剧记录工具的影视爱好者，还是同样喜欢折腾 NAS、影视库的极客玩家，都欢迎来体验一下。
🔗 GitHub 仓库地址：https://github.com/aronnaxlin/GridTrax
🔗 在线 Demo 体验：https://grid.aronnax.site
如果 GridTrax 正好戳中了你的痛点，或者你觉得这个 UI 确实做得还不错，欢迎在 GitHub 上给我点一个 Star！ 如果有任何 Bug 或新功能建议，也欢迎随时提交 Issue。
造轮子的快乐，莫过于此。