面向高压期在校大学生的深夜防暴食轻量级H5应用。旨在解决大学生在期末备考压力下,深夜因情绪或手痒导致的暴食破戒痛点。通过极简交互与即时反馈,提供情绪安抚与低卡饮食建议,帮助他们建立健康的夜间饮食习惯。
点击空白处退出提示
面向高压期在校大学生的深夜防暴食轻量级H5应用。旨在解决大学生在期末备考压力下,深夜因情绪或手痒导致的暴食破戒痛点。通过极简交互与即时反馈,提供情绪安抚与低卡饮食建议,帮助他们建立健康的夜间饮食习惯。
核心包含四个交互视图。首页展示“今晚是哪种饿”的四大分支选项;回应页根据用户选择(真饿/情绪/手痒/先看看)随机展示3张低卡食谱卡片或3步情绪转移动作;存货页展示临期食品并支持状态更新;偏好配置页支持自定义提醒时间与口味。全站采用移动端优先的极简卡片UI设计。
独立负责全流程开发。使用HTML+CSS+JS构建单文件应用,结合AI辅助生成(Vibe Coding)核心交互逻辑。亮点在于:1. 纯手写CSS实现自适应极简卡片UI;2. 利用localStorage实现免登录的本地数据闭环,保障用户隐私,即开即用无需部署后端。





评论