# Cambridge EduX Hackathon 2025 管理平台 ## 📋 项目简介这是一个为 Cambridge EduX Hackathon 2025 设计的完整管理平台，包含： - ✅ **公开展示页**：面向参赛者的只读展示界面，显示 Challenge 列表、队伍信息、倒计时等 - ✅ **管理员后台**：数据导入、Challenge 管理、队伍管理、同步设置等 - ✅ **数据同步**：支持 CSV/Excel 导入、Google Sheet 同步、Webhook 推送 - ✅ **响应式设计**：完美支持移动端和桌面端 - ✅ **Supabase 集成**：使用 Supabase 作为后端数据库 ## 🗂 文件结构 ``` ├── hackathon-2025.html # 公开展示页（参赛者访问） ├── hackathon-admin.html # 管理员后台 ├── hackathon-config.js # 配置文件模板 ├── hackathon-setup.sql # 数据库表结构 SQL └── README-HACKATHON.md # 本文档 ``` ## 🚀 快速开始 ### 第一步：设置 Supabase 数据库 1. **创建 Supabase 项目** - 访问 [https://supabase.com](https://supabase.com) - 点击 "New Project" 创建新项目 - 记录项目的 URL 和 API Key 2. **创建数据库表** - 进入 Supabase Dashboard → SQL Editor - 复制 `hackathon-setup.sql` 中的所有内容 - 粘贴并运行 SQL 语句 - 确认所有表都已成功创建 3. **验证表结构** ```sql SELECT table_name FROM information_schema.tables WHERE table_schema = 'public' ORDER BY table_name; ``` 应该看到：`challenges`, `teams`, `team_members`, `announcements`, `sync_logs`, `settings`, `admin_users` ### 第二步：配置项目 1. **创建配置文件** ```bash # 复制配置模板 cp hackathon-config.js hackathon-config.local.js ``` 2. **编辑 `hackathon-config.local.js`** ```javascript const HACKATHON_CONFIG = { SUPABASE: { URL: 'https://xxxxx.supabase.co', // 你的 Supabase URL ANON_KEY: 'eyJhbGc...', // 你的 Supabase Anon Key }, EVENT: { NAME: 'Cambridge EduX Hackathon 2025', DEADLINE: '2025-03-15T23:59:59', }, LINKS: { SUBMISSION: 'https://forms.gle/your-submission', SCHEDULE: 'https://docs.google.com/your-schedule', GROUP_CHAT: 'https://chat.whatsapp.com/your-group', }, // ... 其他配置 }; ``` 3. **添加到 .gitignore** ``` hackathon-config.local.js ``` ### 第三步：引入 Supabase JS 库在 `hackathon-2025.html` 和 `hackathon-admin.html` 的 `` 标签中添加： ```html ``` ### 第四步：更新 JavaScript 初始化代码在两个 HTML 文件的 `