1

你今晚是哪种饿 - 交互H5演示产品系统Vibe Coding

我要开发同款
xgglj2026年10月18日
6阅读

技术信息

语言技术
HTML5、CSS、JavaScript
系统类型
Web
行业分类
医疗健康、生活旅游

作品详情

行业场景

面向高压期在校大学生的深夜防暴食轻量级H5应用。旨在解决大学生在期末备考压力下,深夜因情绪或手痒导致的暴食破戒痛点。通过极简交互与即时反馈,提供情绪安抚与低卡饮食建议,帮助他们建立健康的夜间饮食习惯。

功能介绍

核心包含四个交互视图。首页展示“今晚是哪种饿”的四大分支选项;回应页根据用户选择(真饿/情绪/手痒/先看看)随机展示3张低卡食谱卡片或3步情绪转移动作;存货页展示临期食品并支持状态更新;偏好配置页支持自定义提醒时间与口味。全站采用移动端优先的极简卡片UI设计。

项目实现

独立负责全流程开发。使用HTML+CSS+JS构建单文件应用,结合AI辅助生成(Vibe Coding)核心交互逻辑。亮点在于:1. 纯手写CSS实现自适应极简卡片UI;2. 利用localStorage实现免登录的本地数据闭环,保障用户隐私,即开即用无需部署后端。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论