一块钱vibe一个PWA拼图倒计时提醒工具

起因：最近沉迷拼图，一旦开始就很投入，回过神来往往过了一两个小时，腰酸背痛的。 所以经常需要设个闹铃提醒自己站起来走动走动。但是又想看看总共到底拼了多长时间，再开个计时又很麻烦，所以就做了个手机本地的双向计时小工具。 主要功能： 1.拼图列表：记录基本信息，用时信息 2.拼图计时和倒计时提醒：计时闹铃一键搞定 3.统计可视化：用时热力图，品牌片数分布等 4.数据迁移：导入导出防止数据丢失 5.快捷分享：按照固定格式复制粘贴信息，方便分享拼图日常 Vibe经验总结： 1.先用大模型聊天选型： 利用目前尚免费的大模型app，梳理需求、目标设备、部署成本、安全等问题，最终选定做类似app效果的网页版PWA+github pages免费部署 2.工具：Trae+Codex（接Deepseek API） 字节免费版Trae打底页面设计和基础功能 遇到的困难是苹果手机的权限限制，声音和震动很难触发。Trae试了很多次都不成功。 后端程序员懒得查官网学前端规范了，就改用Codex试试。总deepseek v4 pro三次就解决了两个问题。总花费api费用一块多。 最后终于出声音的时候忍不住要欢呼了 爱拼图的你还有什么痛点我们都做出来满足自己吧 #vibecoding #PWA应用 #拼图计时 #拼图防沉迷 #数据可视化