我的第一个AI PWA Todo App诞生记：零代码从想法到上线全记录

今天（2025年12月19日），我成功做出了人生第一个完全属于自己的 Progressive Web App：Zen Todo，一个极简待办事项工具，还带上了我的完整个人品牌版权签名。

在线体验：https://shensi-todo-pwa.vercel.app
仓库地址：https://github.com/jinv2/shensi-todo-pwa

手机使用说明（超级简单，1分钟变真 App）

1. 用手机浏览器（推荐 Safari 或 Chrome）打开上面的在线链接。
2. 点击浏览器底部分享按钮（方框向上箭头）。
3. 滚动找到 “添加到主屏幕”（Add to Home Screen）。
4. 命名（如 “Zen Todo”） → 添加。
5. 图标就会独立出现在手机桌面，全屏运行、无浏览器边栏，支持离线使用、暗黑模式、数据本地保存！

就像原生 App 一样丝滑，随时打开记任务，完全私密！

为什么要做这个 App？

• 想要一个纯个人化的生产力工具
• 数据本地存储，不上传任何云端
• PWA 的魅力：无需审核、一键安装、跨 iOS/Android
• 最重要的是：底部有我的专属品牌签名

全过程记录（真实经历，含各种坑）

1. 想法到指令：用 Gemini 把“做一个简单 Todo App”转化为详细提示。
2. 生成代码：在 Google AI Studio 生成，尝试多次（早期总生成 React/Vite 框架，导致部署空白）。
3. 创建仓库 + 上传代码：新建 shensi-todo-pwa 仓库，上传纯 HTML/CSS/JS 静态文件。
4. Vercel 部署：一键导入仓库，遇到“No content found”空白页，最终用纯静态代码完美解决。
5. 测试 + 添加到手机：一切丝滑！

最终功能

• 添加/删除/标记完成任务
• 数据永久本地保存（localStorage）
• 响应式 + 系统暗黑模式
• 完整 PWA 支持（离线、全屏）
• 底部固定版权声明

最大感悟

AI + PWA 真正让零代码基础的人也能快速做出实用工具，坚持解决部署坑后成就感爆棚！

这是“天算AI · 神思庭”系列的开端，未来还会做更多个人工具。

欢迎体验、star 仓库、留言建议～

版权声明
天算AI · 超个体构建者
神思庭 | 灵愿循环
身份｜hey.xyz/u/mmmmmmmm1r
业务｜数字版权 · 科技投资
官方联络WX｜ Shensi-ST
©20251218