Datadog Swag Game

数据狗项目管理峰会2026

2026年巴黎Datadog产品管理峰会的内部活动网站。

现场： https://www.pm-summit.xyz

项目结构

pm-summit-2026/
├── landing-page/          # Main summit website (static HTML)
│   ├── index.html         # Homepage with auth, agenda, speakers, Q&A, FAQ
│   ├── images/            # Speaker photos, logos, assets
│   ├── *.mp4              # Video content
│   ├── package.json
│   └── vercel.json
│
└── game/                  # Game tab - React swag store (embedded via iframe)
    ├── src/
    │   ├── App.jsx        # Main store application
    │   ├── components/    # Cart, Checkout, ProductCard, etc.
    │   └── *.css
    ├── public/images/     # Product images
    ├── package.json
    └── vite.config.js

特性

• 谷歌SSO -只有@datadoghq.com帐户可以访问
• 演讲者阵容 -所有峰会演讲者的照片和简历
• 互动议程 -第1天和第2天的日程安排，包括会议详情
• 问答系统 -在会议之前/期间向发言者提交问题
• 游戏选项卡 -互动礼品店订购峰会商品
• 物流与常见问题 -旅行信息、场地详情、常见问题

技术栈

• 登录页面： 带有CSS动画的普通HTML/CSS/JS
• 游戏： React+Vite+帧运动
• 身份验证： 谷歌OAuth（仅限于@datadoghq.com）
• 部署： 维塞尔
• 分析： Vercel分析+数据狗RUM

部署

登录页面（主网站）

cd landing-page
vercel --prod

Vercel项目： pm-summit-2026\ 域名： www.pm-summit.xyz

游戏（Swag商店）

cd game
npm install
npm run build
vercel --prod

Vercel项目： pm-summit-game

本地开发

# Landing page (static)
cd landing-page
npx serve .

# Game (React)
cd game
npm install
npm run dev

环境变量

游戏（可选）

VITE_DD_APP_ID=your-datadog-app-id
VITE_DD_CLIENT_TOKEN=your-datadog-client-token