AI Digest / Issue #009 / Event Sales Tracker
AI Digest by Syneira
Issue #009 · 社群作品回顾

Event Sales Tracker
用 AI 一个下午做一个工具

社区有一场线下活动需要现场记账。现有工具要么太重要么太轻,于是决定自己做一个。从需求确认到部署上线,一个下午,一个纯前端 PWA,零后端零运维零成本。

2026.06 · 社群作品回顾 · DMVoice AI Group × Syneira Lab
社区活动需要工具支持

社区有一场线下活动(yard sale / pop-up market),我们社群作为 support,需要现场记录销售。场景约束很明确:单人单 iPad,户外使用,网络不稳定,一边聊天一边记账。

看了一圈现有工具:POS 系统太重,需要注册账号、绑定支付;记事本太轻,没有汇总和导出;Excel 不够快,现场一手拿东西一手操作的时候跟不上节奏。

决定自己做。要求:最小可用,当天能上线,扫码就能用,不需要下载安装。

能不建服务器就不建

整个项目是一个纯前端 PWA。没有后端,没有数据库服务,没有用户登录。数据存在设备本地的 IndexedDB 里,从不上传。

React + Vite + TS IndexedDB (Dexie) Tailwind CSS v4 SheetJS vite-plugin-pwa Vercel

SheetJS 在浏览器端解析 Excel,不需要服务器参与。vite-plugin-pwa 用 Workbox 做离线缓存,添加到主屏幕后完全离线可用。Vercel push 即部署,自定义域名 sale.syneira.org

纯前端 PWA 的好处:零后端、零运维、零登录、零成本。部署在 Vercel 上,push 一次就上线。
五个关键设计决策

做这种临时工具,设计决策比技术选型更重要。每个决策都来自真实的使用场景:

1
两张表(Items + Sales)
一个商品可以多次卖出、不同价格、不同收款方式。撤销的时候可以精确到每一笔。
2
Sold 弹窗两次点击完成
户外单手操作,成交价和 Cash 都默认填好。大多数情况下点两下就记完一笔。
3
按收款方式分项汇总
Cash / Venmo / Zelle 分开统计。活动结束后真正需要的是按收款方式对账,不是看总数。
4
强推 Add to Home Screen
Safari 7 天清除站点数据的策略,但主屏幕 PWA 豁免。加到主屏幕 = 数据不会丢。
5
默认价格 $1
Yard sale 物品金额普遍很小,默认 $1 减少每次输入。大金额手动改,小金额直接过。
v1 功能清单
📥
Excel 导入
自动识别表头,预览,追加/替换
✏️
添加/编辑
价格默认 $1,库存等比调整
📷
拍照缩略图
200px 压缩,可选,认出就行
💰
SOLD 流程
确认价格/数量/收款方式
↩️
撤销
Toast 弹窗 + 汇总页逐行
📊
汇总页
总收入、分项、复制/分享
📤
导出
CSV + XLSX 备份
🛡️
两步清空
先提示导出,再确认清空
📱
QR 指引卡
可打印 HTML,现场发放
反馈驱动,几分钟上线

v1 上线后根据真实使用反馈快速迭代。每次改动都是同一个节奏:AI 辅助改代码,git push,Vercel 自动部署,刷新即生效。

v1.0基础功能上线:导入、售出、汇总、导出
反馈 1价格默认太高 → 改为默认 $1
反馈 2希望能拍照识别商品 → 加了可选拍照,缩略图显示在卡片上
反馈 3需要双域名 → 短域名方便传播 + 长域名保持透明度
反馈 4需要现场指引 → 生成可打印 QR 指引卡
隐私与信任设计

给社区做工具,信任是第一优先级。这个工具的隐私策略可以用一句话概括:所有数据都在你的设备上,从不上传,从不经过任何服务器。

不需要注册账号,不收集任何用户信息。Settings 底部有明确的技术架构和隐私声明。双域名策略让使用者可以验证:sale.syneira.org 是短域名方便传播,eventsale.vercel.app 是 Vercel 托管地址保持平台透明度。

"Sales tracker for your convenience, optional to use." 工具是可选的,数据是你的,信任靠透明。
给社群的启发

不是所有项目都需要后端。 PWA + IndexedDB 在临时活动场景下完全够用。零成本零运维,活动结束后不用管。

AI 辅助 = 速度。 一个下午从零到上线。AI 处理样板代码和重复工作,人专注在设计决策和用户体验上。这种节奏在以前不可能。

反馈驱动比完美设计重要。 先做最小可用版本,上线后根据真实使用反馈迭代。每次改动几分钟 push 上线,不猜用户需要什么。

最小可用 > 完美设计。信任靠透明。这两条适用于所有社群工具项目。

sale.syneira.org ↗
GitHub: sheysia/event-sales-tracker

源于生活,立足应用。

实用 > 炫酷 · 能用 > 能看

AI Digest by Syneira