TechSummit - 全球技术峰会导航平台

一站式技术峰会聚合平台，收录全球 100+ 场顶级技术大会，覆盖 AI/ML、数据库、云原生、安全、前端等 7 大技术领域。帮助开发者发现、了解和参与全球技术峰会。

在线预览：https://chandler-song.github.io/tech-summit/

---

功能特性

• 智能分类系统 — 按技术领域（AI/ML、数据库、云原生/DevOps、安全、前端/移动端、大数据、综合类）、地区（中国/海外）、规模（百人级~十万人级）、频率（年度/季度/月度）多维度分类
• 高级搜索检索 — 支持关键词全文搜索，按分类、地区、规模、月份多条件组合筛选，实时过滤
• 峰会详情页 — 每个峰会独立详情页，包含：完整介绍、时间地点、历史举办记录、演讲亮点、交通住宿指南、报名方式、用户评价和评分系统
• 数据分析仪表盘 — 年度时间轴、技术领域分布饼图、地区分布图、规模对比柱状图、主办方排行榜等可视化图表
• 收藏夹功能 — 本地存储收藏峰会，快速访问
• 深色模式 — 支持明/暗主题切换，自动跟随系统偏好
• 响应式设计 — 完美适配桌面、平板、手机等多种设备

---

安装与环境配置

前置条件

• Node.js >= 18
• npm >= 9

安装步骤

# 1. 克隆仓库
git clone https://github.com/Chandler-Song/tech-summit.git
cd tech-summit

# 2. 安装依赖
npm install

# 3. 启动开发服务器（默认 http://localhost:5173）
npm run dev

构建生产版本

npm run build
# 产物输出到 dist/ 目录

本地预览生产版本

npm run preview

---

使用示例

浏览峰会

1. 访问首页，查看热门推荐和技术领域分类
2. 点击领域卡片进入分类列表页，使用侧边筛选器按地区、规模、月份筛选
3. 点击任意峰会卡片进入详情页查看完整信息

搜索峰会

在导航栏搜索框输入关键词（如"AI"、"Kubernetes"、"杭州"），回车后查看搜索结果。

收藏峰会

点击峰会卡片或详情页的 ❤️ 图标即可收藏，再次点击取消。

发表评价

在峰会详情页底部的评价区填写昵称、评分和评论内容，点击提交。

---

数据接口说明

项目数据存储在 src/data/conferences.ts 中，导出两个主要对象：

conferences: Conference[]

interface Conference {
  id: string;            // 唯一标识符（英文，小写）
  name: string;          // 中文名称
  nameEn: string;        // 英文名称
  organizer: string;     // 主办方
  category: Category;    // 技术领域分类
  region: '中国' | '海外';
  frequency: '年度' | '季度' | '月度' | '不定期';
  scale: ScaleLevel;     // 规模等级
  scaleMin: number;      // 最少参会人数
  scaleMax: number;      // 最多参会人数
  location: { city: string; country: string; venue?: string };
  typicalMonth?: string; // 通常举办月份（如 "9-10月"）
  topics: string[];      // 核心议题列表
  tags: string[];        // 标签列表
  website?: string;      // 官方网站 URL
  description?: string;  // 峰会描述
  featured?: boolean;    // 是否热门推荐
  ticketPrice?: string;  // 门票价格
  foundedYear?: number;  // 创办年份
  avgRating?: number;    // 平均评分 (0-5)
  contact?: string;      // 联系方式
  registration?: string; // 报名方式说明
  transportation?: string; // 交通指南
  accommodation?: string;  // 住宿指南
  history?: HistoryRecord[]; // 历史举办记录
  highlights?: string[];     // 大会亮点
  socialLinks?: { twitter?: string; github?: string; wechat?: string; youtube?: string; linkedin?: string };
}

categories: CategoryMeta[]

interface CategoryMeta {
  id: string;    // 分类 ID（与 Conference.category 对应）
  name: string;  // 显示名称
  icon: string;  // Lucide 图标名
  color: string; // 主题色
  count: number; // 该分类下的峰会数量（自动计算）
}

---

依赖项清单

包名	版本	用途
react	^19.x	UI 框架
react-dom	^19.x	DOM 渲染
react-router-dom	^7.x	SPA 路由（HashRouter）
tailwindcss	^4.x	原子化 CSS
@tailwindcss/vite	^4.x	Tailwind Vite 插件
framer-motion	^12.x	动画库
recharts	^2.x	图表库
lucide-react	^0.5xx	图标库
vite	^6.x	构建工具
typescript	^5.x	类型检查
@vitejs/plugin-react	^4.x	React Fast Refresh

---

贡献指南与许可证

如何贡献

新增峰会数据：

1. 打开 src/data/conferences.ts
2. 在对应分类注释下添加新的 Conference 对象，确保 id 唯一
3. 填写必填字段：id、name、nameEn、organizer、category、region、frequency、scale、scaleMin、scaleMax、location、topics、tags
4. 可选填写丰富字段：description、website、history、highlights、transportation、accommodation、registration、socialLinks、avgRating
5. 运行验证：npx tsx src/data/validate.ts（需先安装 tsx）
6. 提交 PR

数据格式规范：

• id：全局唯一，全小写英文，单词用 - 连接（如 google-io、aws-reinvent）
• category 必须是以下之一：综合类、AI/ML、数据库、大数据、云原生/DevOps、安全、前端/移动端
• region 必须是 中国 或 海外
• scaleMin 必须 <= scaleMax

部署

项目配置了 GitHub Actions 自动部署到 GitHub Pages。推送到 main 分支后会自动触发构建和部署。

许可证

MIT License