🌞 Sunbound：租房不再提心吊胆，你的租房“小太阳”上线啦！
租房经常担心被坑、不给退押金，提心吊胆、充满焦虑？
但这是新生活的开始啊，不应该少一点忐忑，多一点期待吗。
Sunbound，是你租房过程中的“小太阳”——
租房验看的细节清单，同你一起预留每一处证据，护航安心入住。
🧭 为什么要做 Sunbound？
你是不是也经历过这些？
- 拍了一堆照片留证，结果存在微信里过几个月找的挺费劲；
- 看房时新手脑子发蒙，入住后发现处处是坑；
- 退租时房东一句「本来就是这样的」，你没证据反驳；
- 想整理照片发过去，又多又乱，得一张张扒拉着看；
我做Sunbound，就是为了让租前留证变得简单、可追溯、好管理。
🛠️ Sunbound 能帮你做什么？
✅ 功能总览：
| 功能模块 | 描述 |
|---|---|
| 房屋信息卡片管理 | 支持整租 / 合租 / 公寓 / 单间分类 |
| 分房间检查清单 | 每个房源独立管理检查项 |
| 拍照留证 | 调用相机，支持备注与预览 |
| 本地数据存储 | 使用 IndexedDB 存储隐私数据，保障数据安全 |
| 导出 ZIP | 按检查项分类打包图片，适合发给房东或留档 |
| 主题切换 | 手账风 & 冷感风一键切换 |
| PWA 支持 | 手机添加桌面图标，像原生 App 一样用 |
🧠 智能清单模板 + 自定义扩展
Sunbound 内置了基于租房经验整理的检查清单，包括但不限于：
- 房屋结构与安全（有将待办项按照类别划分，方便快速定位）
- 墙面裂缝、天花渗水、门窗完好
- 家具家电功能是否正常
- 卫浴、厨房、阳台等细节
当然，每个清单都可以自定义增删，更贴合你的房源特性。有点长，别嫌啰嗦，宁可事前详细规避，也不愿看到提灯定损的人得逞。
🌈 有功能，也要有风格！
Sunbound 不只是工具，它也很温柔：
- 🌼 手账风主题：可爱清新，像在记录生活点滴
- 🌙 冷感风主题：就冷了一点~
👇 实际界面展示：
💬 我的理念
你不提灯定损嘛？我是止损版。
Sunbound 是为了解决“没证据、乱图片闹心”的痛点。
我希望你能安心入住，而不是事后苦恼。
我相信技术应该为生活服务，让每一张留证照，都有地方可放；让每一次退租谈判，都有底气说话。
✨ 创作起因：租房 + AI 编程比赛，一个完美的契机
有天在微信看到【掘金 AI 编程社区】发的推送——
「人人都是 AI 编程家」征集大赛。
正好那段时间我也在准备租房，天天刷小红书、看租房避坑视频。
于是，借这个契机，我写出了 Sunbound 的第一版。
这是一次典型的以真实需求驱动开发的过程，同时也是一次大模型辅助开发、跨平台部署的探索实践。
🚀 实现过程回顾：从想法到落地
整个开发过程大致经历了以下几个阶段：
1. 🎯 需求调研与信息整理
- 调查没有发现同类功能产品，这可能是个值得做的项目；
- 浏览小红书上大量租房避坑清单，提取关键检查项；
- 看了不少 B 站租房经验视频，总结普遍会遇到的问题；
- 结合自己租房过程的真实疑问，列出 MVP 功能范围。
工具辅助：Qwen、ChatGPT、deepseek 用来提炼文字内容与建议结构。
2. 🧠 技术选型与架构确定
在调研与实验后，我选择：
- 前端框架：Vue3 + Vite + Composition API
- UI 风格：Tailwind + 自定义主题系统（支持亮暗主题切换）
- 数据存储：浏览器 IndexedDB（保证本地隐私）
- 打包导出：使用 JSZip 实现检查项-分类-图片的文件夹结构压缩
- PWA 支持：使用 Vite PWA 插件进行配置
- 图片压缩：浏览器端实时处理，节省导出体积
同时，我结合多个大模型辅助完成代码、结构规划、调试建议，甚至润色我随手画的logo（to the sunny，同sunbound一样也是向阳而行）。
3. 🛠️ 实现与联动工具支持
- Cursor 编辑器：实现人机协同编程，快速完成构建
- Trae 生成 UI 原型结构：通过 prompt 快速搭建检查项结构
- MCP（Model Code Prompt）部署方案：让本地开发更轻便易部署（就是页面有点小问题）
附上链接
-
掘金平台的Sunbound租房留证清单。
-
Vercel ： sunbound租房留证清单（在手机上，你应该能看到我所想要呈现的样子，当然，有些浏览器总不会如愿）
如有意见或者建议，欢迎探讨！！
