项目 · 创始前端工程师
已停止运营Cyclei
可重复使用包装回收服务
Cyclei 把可重复使用容器的路边回收和常规垃圾清运结合起来。客户注册、支付一次性激活费，从提供可重复使用包装的合作商家购物，把 Cyclei 袋装满，垃圾日夹在回收桶把手上。新的回收袋会送到家门口，账户里显示归还的可重复用品以及押金或奖励。
作为创始前端工程师，Donray 构建了面向客户的 Web 应用：带地址校验和 Stripe setup intent 的多步注册流程、带环保影响追踪（统计节省的一次性容器）和钱包余额卡的看板、覆盖已回收、已分拣、丢失状态的袋子追踪、带优惠券和发票的购物车结算、带待处理、已支付、失败状态的钱包提现，以及支持暂停和恢复取件的账户管理。
应用基于 Vue 3.5、Vite 7 和 TypeScript，用 Apollo Client GraphQL 对接 Django 后端，vee-validate 表单配自定义输入组件库，UI 系统使用已发布的 Vue 组件库。CI 中运行 Vitest 单元测试和 ESLint/Stylelint 门禁。该服务已停止运营。
功能
- 多步注册：邮箱、地址校验、确认、Stripe 支付
- 带环保影响追踪（节省的一次性容器）和钱包余额的看板
- 覆盖已回收、已分拣、丢失、已分配、已送达状态的袋子追踪
- 带激活费、优惠券和发票的购物车结算
- 带待处理、已支付、失败状态的钱包提现
- 账户管理：设置、地址、暂停和恢复取件
- 员工管理区：路线管理和二维码袋子扫描
常见问题
Cyclei 的回收服务是怎么运作的？
客户注册路边回收服务，支付一次性激活费，从提供可重复使用包装的合作商家购物，把 Cyclei 袋装满，垃圾日夹在回收桶把手上。之后新的回收袋会送到家门口。
客户如何追踪自己的环保贡献？
看板显示节省的一次性容器累计数量，以及归还容器获得的押金和奖励对应的钱包余额。
客户能提现奖励吗？
可以。提现区允许用户把钱包余额提现到指定去向，申请状态分为待处理、已支付或失败。
这个应用用什么技术构建的？
Vue 3 + Vite + TypeScript，GraphQL（Apollo Client），Stripe 支付，vee-validate 表单，已发布的 Vue 组件库，Vitest 单元测试和 ESLint/Stylelint 门禁。
Cyclei 还在运营吗？
没有，该服务已停止运营。