夜啾 — 世界杯观赛陪伴应用（Web + PWA + Android）

技术信息

语言技术
JavaScript、Node.js、前端系统类型
Android应用、Web行业分类
生活旅游

作品详情

行业场景

2026 年世界杯临近，国内球迷缺少一个轻量、专注的观赛陪伴工具：现有体育 App 功能臃肿、广告多，且多为英文资讯源。夜啾立项目标是做一个打开即用的观赛小工具——帮球迷订阅赛程、记录自己的观赛习惯，并用轻松的方式（每日图鉴、球迷人格画像）提升观赛乐趣，覆盖赛前、赛中、赛后的完整观赛场景。

功能介绍

2026 世界杯观赛陪伴工具：订阅赛程、记录观赛习惯，生成每日观赛图鉴与专属球迷人格画像，并提供观赛护航路线。Web 端已上线、可安装为 PWA，同时打包发布了 Android APK。

项目实现

我独立负责全部开发工作。前端用 HTML5/CSS3/原生 JavaScript 构建单页应用，无框架依赖；后端用 Vercel Serverless Function（Node.js）代理 football-data.org 赛事接口，API Key 由服务端环境变量保管，并做 CORS 跨域处理与 30 秒缓存降频；完成 PWA 适配（Web Manifest、iOS 各尺寸启动屏）；用 uni-app 打包发布 Android APK。实现难点在于单文件超大页面的性能优化，以及 Web、PWA、APK 三端体验的一致性适配。