GridTrax 发布日志

🔗 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。

造轮子的快乐，莫过于此。