三分化健身打卡 PWA

一个练三休一的移动端深色主题健身打卡网页。每天显示当天的 5 个动作，记录重量、次数、RPE，逐组打勾后手动标记完成；数据保存在浏览器本地，无需登录。

本地运行

直接用浏览器打开 index.html 即可；如需体验 Service Worker 离线缓存，请在本地启动静态服务器后访问（例如 python -m http.server 8080）。

训练节奏

循环起始日（训练日 1）默认是首次打开日期，可在“设置”中修改：

1. 胸 / 三角肌中束 / 三头
2. 背 / 三角肌后束 / 肱二头肌
3. 臀 / 股四头肌 / 腘绳肌
4. 休息

固定“练三休一”，任意一天可临时标为休息，也可在标准休息日提前开始下一循环的训练日 1。

数据

• 所有记录保存在本机 localStorage 的 fitness-checkin-v1 键中
• 没有后端、没有账号、不做云同步
• 清空浏览器站点数据会同时删除记录；需要备份时可复制该键的 JSON

部署到 GitHub Pages

在仓库的 Settings → Pages 中，将 Source 设为 Deploy from a branch，Branch 设为 main，Folder 设为 / (root) 并保存。之后每次推送到 main 都会自动发布，无需额外配置 Actions。

部署完成后用手机浏览器打开 Pages 网址，在菜单里选择“添加到主屏幕”即可离线使用。

项目文件

• index.html：页面结构
• styles.css：移动端优先的深色主题
• plan.js：三天训练动作与默认组数 / 次数 / RPE 模板
• app.js：排课、打卡、历史、进阶建议与休息计时器
• manifest.webmanifest + sw.js：PWA 安装与离线缓存
• icons/：应用图标