家人们谁懂啊！春节胡吃海塞的代价就是肠道状态飘忽不定，不是便秘到怀疑人生，就是窜稀到腿软，忍无可忍之下，我直接用 iflow+cli 肝了个如厕记录应用 ——poo-tracker（今天你屎了么），主打一个精准追踪肠道健康，还能花式分享你的「拉屎战绩」，废话不多说，开冲！
项目初衷：被春节肠胃状态逼出来的整活
春节七天乐，顿顿吃撑喝足，火锅、烤肉、甜品、油炸食品轮着来，嘴巴是爽了，肠胃直接开启「摆烂模式」。
想看看自己到底哪天拉得顺畅，哪天又卡壳，翻遍应用商店没找到合心意的，要么功能太复杂，要么全是广告，干脆自己动手，用 iflow+cli 从零撸一个！主打轻量、有趣、本地存储，不搞花里胡哨，只解决「记录如厕 + 数据分析」核心需求，顺便加了点沙雕分享功能，主打一个整活到底。
项目仓库已开源，欢迎各位拉屎搭子 Star+Fork：poo-tracker
功能速览：拉屎那点事，全给你整明白💩
咱这应用，主打一个「麻雀虽小，五脏俱全」，搞笑归搞笑，实用性拉满，核心功能全安排上了，保证让你对自己的肠道状态了如指掌！
📝 精准记录：拉屎的每一个细节都不放过
如厕记录页面直接把「仪式感」拉满，想记啥都有：
- 精准选择如厕时间、时长（精确到分钟，拒绝模糊记录）
- 拉屎类型分类（正常 / 较硬 / 较软 / 腹泻 / 便秘），精准对标肠道状态
- 舒适度星级评分（1-5 星，拉得爽不爽，星级说了算）
- 自定义备注（比如「吃了火锅后窜稀」「蹲坑刷手机半小时」，主打一个真实）
📊 数据统计：你的拉屎数据，我来做分析
光记录不够，还得看趋势！统计页面直接把数据可视化，告别纯文字的枯燥：
- 核心指标：总记录数、平均如厕时长、平均舒适度、本周记录数，一眼看清规律
- 类型分布图：用进度条直观展示不同拉屎类型的占比，看看你是「正常选手」还是「窜稀大户」
- 全维度历史记录：支持查看所有记录，不想留的还能一键删除，主打一个灵活
📤 沙雕分享：把你的拉屎战绩分享给搭子
独乐乐不如众乐乐，拉得好当然要分享！专门做了精美分享卡片，支持两种分享方式：
- 一键保存为图片，发朋友圈、发群聊，主打一个整活
- 快捷复制文本，直接甩给你的拉屎搭子，比比谁的肠道更健康
✨ 附加 buff：实用功能拉满
- 本地存储：数据全存在浏览器，不用联网，不怕隐私泄露，主打一个安全感
- 响应式设计：手机、平板、电脑全适配，蹲坑用手机记，上班摸鱼用电脑看，主打一个便捷
- 轻量无广告：纯前端项目，打开即用，没有花里胡哨的广告，主打一个清爽
技术栈：主打一个轻量易上手🛠️
作为春节速撸的整活项目，技术栈全部选轻量、主流、易开发的，用 iflow+cli 快速搭建，开发效率直接拉满，新手也能轻松上手：
表格
| 技术 / 工具 | 用途 |
|---|---|
| Vue 3.0+ (Composition API) | 核心前端框架，代码简洁易维护 |
| Vite 5.0+ | 构建工具，启动快、打包快，开发体验拉满 |
| Bootstrap 5.3 | UI 框架，快速实现响应式，不用自己写大量样式 |
| html2canvas | 图像处理，实现分享卡片保存为图片功能 |
| LocalStorage | 本地数据存储，轻量便捷，无需后端 |
| iflow+cli | 项目快速搭建，春节撸活必备神器 |
项目结构：清晰明了，易拓展📁
项目结构做了极简设计，所有文件各司其职，后续想加功能直接上手，不用翻半天代码，主打一个人性化：
plaintext
poo-tracker/
├── public/ # 静态资源（图片、图标等）
├── src/
│ ├── components/ # 核心Vue组件，按需拆分
│ │ ├── RecordForm.vue # 如厕记录表单组件
│ │ ├── HistoryList.vue # 历史记录展示组件
│ │ ├── Statistics.vue # 数据统计可视化组件
│ │ └── ShareModal.vue # 分享弹窗组件
│ ├── App.vue # 根组件，页面路由/布局
│ ├── main.js # 项目入口文件
│ └── style.css # 全局样式，统一风格
├── index.html # HTML模板
├── package.json # 项目依赖/脚本配置
└── vite.config.js # Vite构建配置
快速上手：三步启动，开始记录你的拉屎之旅🚀
项目已开源，克隆下来就能用，环境要求超简单，Node.js 16.x 以上就行，npm/yarn/pnpm 都支持，主打一个友好！
第一步：克隆项目
git clone https://gitee.com/thomaslwq/poo-tracker.git
cd poo-tracker
第二步：安装依赖
npm install
# 用yarn/pnpm的小伙伴换命令就行
# yarn install
# pnpm install
第三步：启动运行
# 开发环境启动，默认地址http://localhost:5173
npm run dev
# 打包生产版本
npm run build
# 预览生产版本
npm run preview
启动后打开浏览器，直接就能开始记录，不用配置任何后端，主打一个开箱即用！
开发计划：后续还要整这些活📝
目前项目是初版，春节撸的核心功能都在，后续打算继续整活，加一波实用功能，欢迎各位大佬提 Issue/PR，一起完善这个拉屎神器：
- 基础记录 + 统计 + 分享功能
- 数据导出（CSV/JSON），把拉屎数据存成文件，留作纪念
- 多用户数据切换，一家人的肠道状态，一个应用搞定
- 定时提醒记录，怕忘事的小伙伴福音
- 更多统计图表，折线图 / 饼图安排上，数据分析更直观
- 深色 / 浅色主题切换，晚上蹲坑不晃眼
- 数据备份 / 恢复，不怕浏览器清缓存丢数据
- 国际化支持（英文 / 日文），让外国友人也能体验
设计理念：搞笑但不敷衍🎨
做这个项目，初衷是整活，但也不想做个「花瓶」，设计上坚持三个原则：
- 简洁直观：界面不搞花里胡哨，操作一步到位，老人小孩都能会用
- 数据可视化：拒绝纯文字数据，用图表 / 进度条让数据更易懂
- 隐私保护：所有数据本地存储，不上传任何服务器，拉屎那点事，只有自己知道
- 趣味性：全程用 emoji 点缀，让枯燥的记录变得有趣，拉个屎也能有仪式感
贡献指南：欢迎各位拉屎搭子一起整活🤝
项目采用 MIT 许可证，完全开源，欢迎各位开发者一起贡献代码，不管是修 bug、加功能，还是优化样式，都欢迎！
贡献步骤超简单：
- Fork 本仓库
- 创建特性分支：
git checkout -b feature/AmazingFeature - 提交更改：
git commit -m 'Add some AmazingFeature' - 推送到分支：
git push origin feature/AmazingFeature - 提交 Pull Request，我看到会第一时间处理！
最后：整活归整活，健康最重要💪
其实做这个应用，除了整活，也是想提醒大家：肠道健康直接关系到身体状态，尤其是经常胡吃海塞、久坐不动的打工人，记录如厕习惯，能直观看到饮食和生活方式对肠道的影响，及时调整，才能吃嘛嘛香，拉嘛嘛顺！
如果这个沙雕又实用的项目对你有帮助，欢迎去 Gitee 仓库点个 Star🌟，也欢迎在评论区分享你的「拉屎趣事」，比比谁的肠道状态更离谱！
项目地址再贴一遍：poo-tracker，有问题提 Issue，有想法一起开发，让我们一起把「拉屎记录」这件事，玩出花来！💩
碎碎念：春节肝这个项目的时候，蹲坑都在想功能设计，主打一个沉浸式开发，希望各位小伙伴用得开心，拉得顺畅！😜
