面向大学生的周末活动推荐 H5 雏形:按 天气 × 预算 × 同行人数 实时排序本地活动,支持组队出发、打卡徽章与攻略分享。
🔗 在线访问:https://jongtywang.github.io/weekend-escape-plan/
- 智能推荐 —— 偏好(展览 / 市集 / 演出 / 徒步 / 骑行 / 咖啡)× 当日天气 × 预算 × 同行人数 → 匹配分 + 推荐理由;切换周六(晴)/ 周日(小雨),列表实时重排,雨天自动倾向室内,超预算活动降权并说明原因
- 匹配分可解释 —— 点卡片上的匹配分,弹出权重拆解(基础分 / 偏好 / 天气 / 预算 / 人数各项加减分),推荐逻辑完全透明
- 活动详情 + 周末计划单 —— 点卡片查看详情与实用贴士,一键加入周六 / 周日计划;计划单自动汇总每日预算,户外活动排进雨天会给出提醒
- 组队出发 —— 加入 / 发起小队,集合时间地点、人数进度一目了然;一键复制微信友好的邀请文案
- 打卡记录 —— 探索足迹时间线 + 成就徽章墙(首次出发 / 探索三连 / 风雨无阻 / 组队出发 / 攻略作者)
- 攻略分享 —— 同伴经验流,支持点赞与发布
- 纯前端单页应用(原生 HTML / CSS / JS),零依赖、秒开,适配移动端与桌面端、自动适配深色模式
- Web 字体非阻塞加载 + 系统中文字体兜底,任何网络环境下均可正常渲染
- 雏形阶段使用示例数据演示产品逻辑;全部交互真实可用,数据保存在浏览器本地
- 部署:GitHub Pages(deploy from branch main),push 即自动重新发布
- v0.1 首个可访问雏形(推荐 / 组队 / 打卡 / 攻略 四模块 + 设计说明)
- v0.2 字体防白屏优化;默认偏好扩展,首屏推荐更丰满
- v0.3 匹配分权重拆解弹层;活动详情 + 周六/周日计划单(预算小计、雨天提醒);组队一键复制邀请