🎯 一个专为 2025 Google开发者大会设计的轻量化 PWA 工具,帮助参会者管理会议日程、智能检测时间冲突、生成个性化参会路线表。
💝 免费开源的独立开发项目 | 支持离线使用 | 无需注册登录
- 个性化预约:一键预约感兴趣的会议,自动生成个人专属时间表
- 智能冲突检测:实时检测时间重叠的会议,提供替代方案建议
- 多维度筛选:按专场、时段、难度等条件快速筛选会议
- 搜索功能:支持会议标题、嘉宾姓名、内容关键词搜索
- 自定义提醒:支持会议前 5/10/15/30 分钟提醒
- 多种通知方式:浏览器通知、声音提醒、震动提醒
- 离线提醒:即使断网也能正常提醒
- 版本控制:智能检测数据更新,避免重复下载
- 离线存储:基于 IndexedDB 的本地数据库,支持完全离线使用
- 数据同步:自动同步最新会议信息和个人设置
- 响应式设计:完美适配手机、平板、桌面设备
- 深色模式:支持明暗主题切换
- PWA 支持:可安装到桌面,如原生应用般使用
- 无障碍访问:遵循 WCAG 无障碍设计标准
- 框架: React 18 + TypeScript
- 构建工具: Vite - 极速开发体验
- UI 框架: Tailwind CSS + Antd Mobile
- 图标库: Lucide React
- 路由: React Router v7
- 状态管理: Zustand - 轻量级状态管理
- 本地数据库: Dexie.js (IndexedDB 封装)
- 缓存策略: Service Worker + Cache API
- 数据版本控制: 自研版本管理系统
- Service Worker: Workbox 离线缓存
- Web App Manifest: 支持安装到设备
- 推送通知: 基于 Web Push API
- Node.js >= 18.0.0
- npm >= 8.0.0 或 pnpm >= 7.0.0
# 安装依赖 (推荐使用 pnpm)
pnpm install
# 或使用 npm
npm install
# 启动开发服务器
pnpm dev
# 或
npm run dev
# 浏览器访问 http://localhost:5173# 类型检查
pnpm check
# 构建生产版本
pnpm build
# 预览构建结果
pnpm preview- 浏览会议: 在首页浏览所有会议,使用筛选和搜索功能快速找到感兴趣的内容
- 预约会议: 点击会议卡片上的"预约"按钮,系统会自动检测时间冲突
- 查看日程: 在"我的日程"页面查看已预约的会议,按时间线排列
- 设置提醒: 在设置页面配置提醒时间和通知方式
- 离线使用: 首次访问后,即可在无网络环境下正常使用
- 编辑
public/io_connect_china_2025_workshops.json - 更新
version字段以触发数据更新 - 为新会议分配唯一的
id
欢迎提交 Issue 和 Pull Request!
- Fork 本仓库
- 创建特性分支:
git checkout -b feature/amazing-feature - 提交更改:
git commit -m 'Add amazing feature' - 推送分支:
git push origin feature/amazing-feature - 提交 Pull Request
- 使用 ESLint 进行代码检查
- 遵循 TypeScript 严格模式
- 组件文件使用 PascalCase 命名
- 工具函数使用 camelCase 命名
本项目基于 MIT License 开源协议。
⭐ 如果这个项目对你有帮助,请给个 Star 支持一下!