当前位置: 首页 > news >正文

AI 时代的 Vibe Coding:我做了一个只给情侣用的点餐台

如果 AI 时代每个人都能更容易地写软件,那我第一个想做的,不是效率工具,也不是商业系统,而是一个给两个人用的小食堂。

它叫娟味食堂

表面上看,这是一个 Android 点餐 App:有首页、有菜单、有菜品详情、有购物车、有订单记录。
但对我来说,它更像是一个被代码包起来的生活角落。

在这里,“今天吃什么”不只是一个问题。
它也可以是“我想给你做什么”“我们下次想一起吃什么”“这道菜是不是可以收藏起来”“今天有没有什么小心愿”。

这就是我理解的 AI 时代 Vibe Coding:
不是先写一份完整 PRD,再严肃地排期开发,而是先抓住一种感觉,然后和 AI 一起,把这种感觉一点点变成界面、组件、数据表、交互流程,最后变成一个真的可以安装、可以打开、可以体验的 App。

它是一个点餐台,也是一块两个人的生活界面

做这个项目的时候,我最开始想到的是一个很日常的场景:

两个人在一起,总会遇到“今天吃什么”。

这个问题看起来很小,但其实很有生活感。
有些菜是对方喜欢的,有些菜是想下次做给对方吃的,有些菜只是看到名字就会觉得“这个可以记下来”。

所以娟味食堂首先是一个完整的点餐体验。

它有首页推荐,有分类菜单,有菜品详情页。每道菜可以展示图片、短描述、原材料、工艺、味道标签。你可以搜索、分类浏览、收藏喜欢的菜,也可以把菜加入购物车,像正常点餐一样提交订单。

[截图 2:菜单分类页]

[截图 3:菜品详情页]

[截图 4:购物车页]

如果只是做到这里,它大概就是一个普通的点餐 demo。

但我真正想做的不是一个“外卖 App 的仿品”,而是一个更私人、更轻、更贴近两个人生活的小工具。

普通点餐 App 解决的是“吃什么”。
我更想让它承载一点“我想给你做什么”。

所以后面我把重点放到了情侣功能上。

情侣页,是这个 App 的心脏

娟味食堂里有一个情侣专属区域。

用户登录后,可以进行情侣配对。配对之后,两个人就可以共享一些只属于彼此的小功能:照片墙、心愿单、情侣日记、纪念日倒计时,还有待制作订单。

我最喜欢的是这个设定:

当一方下单后,另一方可以在“待制作订单”里看到。
它不像商业订单那样冰冷,更像一个小小的召唤:

“我点好了,等你来做。”

[截图 5:情侣页总览]

照片墙用来保存两个人的生活碎片。
心愿单用来记录之后想一起做的事、想吃的东西。
日记可以写一些当天的小事。
纪念日倒计时会自动计算重要里程碑。
待制作订单则把“点餐”这件事变成了两个人之间的轻量互动。

这些功能其实都不复杂,但组合在一起,就让这个 App 有了自己的气质。

它不是一个功能堆叠的练习项目。
它更像一个生活容器:菜单、照片、日记、纪念日、订单,全都围绕着“两个人怎么一起生活”这件事展开。

Vibe Coding:先有感觉,再把感觉变成软件

这个项目很符合我对 Vibe Coding 的理解。

我不是一开始就把所有需求整理成严密的产品文档。很多时候,起点只是一个模糊的想法:

“情侣页能不能更有生活感?”
“下单这件事能不能变成一种召唤?”
“照片墙能不能像两个人的小相册?”
“如果真的发给别人体验,更新怎么办?”
“如果以后开源,哪些配置必须脱敏?”

这些问题一个接一个出现,然后我再和 AI 一起把它们拆开。

一个感觉,会被拆成页面。
一个页面,会被拆成组件。
一个组件,会继续变成状态、回调、服务、数据表和权限策略。

这也是 AI 编程最让我兴奋的地方。

它不只是帮我少写几行代码,而是让一个原本可能停留在脑子里的想法,更快进入“可以摸到”的状态。

以前,给一个非常私人、非常小众的场景做 App,成本太高了。
你可能会觉得“不值得”。
但现在,当 AI 能帮你承担大量工程细节的时候,这件事突然变得值得了。

你可以为了一个人、两个人、一段关系、一个周末的念头,认真做一个软件。

这在以前是很奢侈的。

它不是静态 demo,而是一个真实可运行的 App

虽然这个项目是从一个很私人的想法开始的,但我还是尽量把它做成了一个完整的应用。

技术上,娟味食堂是一个 Android 优先的 Expo + React Native 项目,使用 TypeScript 编写。

虽然项目目前还处于起步阶段,仍留存一些bug;但用户认证、情侣配对、订单历史、情侣日记、心愿单、照片墙、待制作订单等功能,已经接入了 Supabase。

重要是的个人零成本运维!两人使用免费额度完全够用。

其中包括:

  • Supabase Auth:用户登录和身份管理
  • Supabase Database:订单、情侣关系、日记、心愿等数据
  • Supabase Realtime:待制作订单和共享数据实时同步
  • Supabase Storage:照片墙图片上传与管理
  • AsyncStorage:本地缓存和离线展示
  • Expo EAS Update:前端 OTA 更新
  • APK 内更新:原生变更时引导安装新版本
  • Cloudflare Worker:在特定网络环境下代理 Supabase 访问

我希望它既保留私人作品的温度,也有一个真实项目应该有的基本骨架。

它可以运行,可以打包,可以更新,也可以被别人参考和改造。

现在可以下载体验

目前娟味食堂已经支持通过云端发放 APK 的方式体验。

如果你想直接打开看看,可以通过下面的二维码下载 Android 安装包:

二维码占位:还没准备(有人要可以贴上)

链接占位:还没准备(有人要可以贴上)

因为这是个人作品,安装时可能需要允许“安装未知来源应用”。
如果你只是想先看看项目结构,也可以直接访问 GitHub 仓库。

我也准备把它开源出来

最近我在把这个项目整理成开源版本。

开源版会移除个人凭据和敏感配置,保留项目结构、品牌体验、菜单文案、情侣功能、Supabase 接入方式、OTA / APK 更新机制说明。

它不一定是一个标准答案,但我希望它可以成为一个样本:

一个 AI 协作开发的移动端私人 App,可以做到什么程度?

如果你正在学习 Expo + React Native,可以参考它的项目结构。
如果你想了解 Supabase 在移动端里的使用方式,可以看它的认证、实时同步、存储和数据表设计。
如果你也想做一个面向私人生活的小工具,也可以 fork 它,然后改成你自己的版本。

[链接:GitHub 仓库地址] 即将开放

项目会使用 MIT License 开源。
欢迎下载体验,也欢迎 star、fork、提 issue,或者只是看看这个小食堂是怎么搭起来的。

AI 让私人软件重新变得值得

做完这个项目之后,我越来越觉得,AI 时代的软件可能会出现一种新的形态。

过去我们总是默认,软件应该服务很多人。
用户越多,价值越大。
需求越通用,越值得开发。

但 Vibe Coding 给了另一种可能:

软件也可以很私人。
可以只服务一个人。
可以只服务两个人。
可以只服务一段关系、一个家庭、一个兴趣、一个具体到不能再具体的生活场景。

以前,这样的软件很难被认真开发,因为成本太高。
现在,AI 把这个门槛降下来了。

你可以把一个念头变成页面。
把一句玩笑变成按钮。
把一种关系变成数据流。
把日常生活里很小的瞬间,变成一个可以打开的 App。

娟味食堂就是这样一个作品。

它是一个情侣点餐台。
也是一个 AI 时代的 Vibe Coding 小实验。
更像是一封写给日常生活的代码情书。

如果你也对这种“私人软件”感兴趣,欢迎来看看这个项目。
也许下一个被 AI 做出来的小工具,不是给所有人的,而是刚好给你和某个重要的人。

http://www.zskr.cn/news/1459208.html

相关文章:

  • 咸宁市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 一次AI辅助调试记录(2024年文章补发)
  • HarmonyOS 提醒与设置页实战第四篇:早安提醒、晚间复盘、专注计时和天气信息怎么做
  • 咸阳市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 2026最新重庆市本地黄金铂金白银彩金回收服务 五大黄金靠谱回收门店汇总,正规渠道对比推荐及联系方式 - 前途无量YY
  • 潍坊市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 天津市哪里有 CPPM 正规报考机构 - 中供国培
  • 2026最新舟山市本地黄金铂金白银彩金回收服务 五大黄金靠谱回收门店汇总,正规渠道对比推荐及联系方式 - 前途无量YY
  • 2026亲测好用:国内免费降AI工具推荐,论文降AIGC、降重一键搞定 - 晨晨_分享AI
  • 2026 工业水处理药剂厂家汇总,海水淡化设备选购参考 - 栗子测评
  • 2026 年深圳物业经理培训选型指南:物业企业经理与项目经理培训机构深度测评 - 资讯焦点
  • 保姆级教程:从零开始用GitHub Actions云编译你的OpenWrt固件(含feeds配置避坑)
  • 孝感市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 2026年6月深圳名表回收权威排行榜TOP6,添价收黄金奢侈品回收中心领跑全城 - 薛定谔的梨花猫
  • Altium Designer大电流开窗避坑指南:如何把动态铺铜精准“搬”到阻焊层(附Region转换技巧)
  • 耶路撒冷希伯来大学的4D人物动作仿真突破
  • 青岛市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • Vue3 + Element Plus 项目实战:从零封装一个可复用的懒加载Tabs组件(含表格)
  • 安国SEO优化公司|企业网站排名提升,安国搜索引擎优化服务商选择指南 - 招财兔数字员工
  • 2026年6月Claude Code最新命令介绍,非常实用的10个命令,让claude更好用
  • 别再让Simulink模型乱成一团了!这8个排版美化技巧,新手也能做出清晰易读的框图
  • 从Bootloader到外设:深入理解Cortex-M4的地址重映射(Remap)与CMSDK总线矩阵实战
  • 信阳市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 猫抓浏览器扩展:终极资源嗅探与下载完整指南
  • STM32F4系列通用步进电机梯形加减速驱动工程(含可烧录hex与HAL裸机实现)
  • VMware虚拟机强制关机后报错0xc0000006?别慌,教你两步搞定(删除.vmss文件)
  • 不只是NEC:用STM32解码并存储格力空调等复杂红外协议(附波形分析)
  • 深入网卡EEPROM:除了MAC地址,ethtool还能帮你修改和校验哪些关键配置?
  • 泉州市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 用STM32F103驱动HT1621段码屏,我踩过的那些时序坑(附完整FreeRTOS工程)