跳到主要内容
返回作品
小工具在线2026 年 九 月 1 日

囍备 XiBei

从定婚期到婚礼当天的备婚清单与流程管理工具。数据全部存在本机浏览器,不联网、不需要注册。

ReactTypeScript生活
打开小工具

本站路径 /tools/xibei/

它解决什么问题

备婚这件事的特点是:事项多、周期长、参与的人不止一个,而且没人知道下一步该干什么

囍备把这件事拆成三个阶段——定婚期、筹备、婚礼当天——每个阶段给出该做的事和大致的时间点,让人不用从零开始想。

做过的取舍

不做账号体系。 备婚数据很私密,但又没有跨设备同步的强需求。与其引入注册登录和一堆合规义务,不如把数据放在浏览器本地:

  • 不需要服务器存储,也就没有数据泄露风险
  • 打开即用,没有注册摩擦
  • 代价是换设备要手动导出——这个代价我认为可以接受

不做供应商撮合。 页面里出现供应商推荐时,会明确标注广告或合作内容,攻略部分也标注仅供参考。这不是一个导流站。

技术栈

选型
框架 React 18 + TypeScript
构建 Vite 5
样式 Tailwind CSS
状态 Zustand(persist 中间件落地到 localStorage)
路由 react-router-dom(Hash 模式,静态托管友好)

HashRouter 这个选择是刻意的:站点是纯静态托管,用 Hash 模式就不需要服务端配置任何回退规则,扔到任意静态空间都能跑。

链接

直接访问:/tools/xibei/

提示:这是本站的子工具页面,与吾栖星球主站同域部署。

本项目为个人学习与兴趣产物,免费使用,不涉及任何经营活动。
吾栖星球

个人非经营性网站。记录个人在软件开发、技术学习过程中的笔记与心得,并展示个人独立开发的非商业性小工具与作品集。

已记录 3 篇笔记 · 1 个作品

© 2026 吾栖星球 · 个人非经营性网站 · 自 2026

本站内容仅供学习交流,不构成任何商业服务冀ICP备2021005084号

这里是我的个人网站,非经营性、不提供任何商业服务,纯粹作为学习交流与自我沉淀的空间。