当前位置: 首页 > 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.jsqmd.com/news/947688/

相关文章:

  • 2026最新中卫市本地黄金铂金白银彩金回收服务 五大黄金靠谱回收门店汇总,正规渠道对比推荐及联系方式 - 前途无量YY
  • 2026 年 6 月江门防水维修机构甄选指南:卫生间免砸砖、屋顶阳台外墙地下室漏水检修与避坑全攻略 - 吉修匠
  • HarmonyOS 提醒与设置页实战第四篇:早安提醒、晚间复盘、专注计时和天气信息怎么做
  • 遂宁市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 2026年6月全国高压清洗设备厂家推荐:青岛龙恩达斩获工业清洁装备行业技术创新大奖,自研高压柱塞泵与成套清洗设备领跑海内外市场 - 十大排行榜推荐
  • 2026最新重庆市本地黄金铂金白银彩金回收服务 五大黄金靠谱回收门店汇总,正规渠道对比推荐及联系方式 - 前途无量YY
  • 咸阳市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 3步快速搭建Suno音乐生成API:从零到部署完整指南
  • 如何快速掌握react-markdown:面向新手的完整Markdown渲染指南
  • 潍坊市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 2026大学生准备毕业了,只会C语言会找不到工作吗?
  • 台州市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 湘潭市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • MOOSDB数据发布实战:用uXMS工具验证你的MOOSApp是否真的在“说话”
  • 天津市哪里有 CPPM 正规报考机构 - 中供国培
  • 无锡包包回收TOP5测评|30年老店vs新锐,报价差多少 - 奢侈品回收评测
  • 2026最新舟山市本地黄金铂金白银彩金回收服务 五大黄金靠谱回收门店汇总,正规渠道对比推荐及联系方式 - 前途无量YY
  • 2026亲测好用:国内免费降AI工具推荐,论文降AIGC、降重一键搞定 - 晨晨_分享AI
  • 渭南市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 保姆级教程:在Windows 10/11上搞定华为eNSP V100R003C00SPC100安装与VirtualBox配置
  • 三步实现微信聊天记录永久保存:WeChatMsg完全免费数据备份指南
  • 襄阳市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭
  • 无人值守无人机光谱水质监测系统厂家推荐:这家售后好、价格还实在 - 品牌推荐大师
  • 2026 工业水处理药剂厂家汇总,海水淡化设备选购参考 - 栗子测评
  • 石家庄黄金回收市场避坑手册,避开低价套路优选实体店 - 奢侈品交易观察员
  • 2026 年深圳物业经理培训选型指南:物业企业经理与项目经理培训机构深度测评 - 资讯焦点
  • 别再直接赋值了!手把手教你用Halcon C#接口正确处理分割后的Region
  • STM32 LoRa计数终端工程:带掉电保存的Flash数据管理与远距离无线上传
  • 保姆级教程:从零开始用GitHub Actions云编译你的OpenWrt固件(含feeds配置避坑)
  • 温州市黄金回收哪家门店正规?2026年口碑靠谱门店盘点+避坑实测(含金首饰+铂金+千足金+金条回收) - 亦辰小黄鸭