award-winning-website

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Award-Winning Gaming Website

获奖游戏网站

A visually captivating website with scroll-triggered animations, geometric transitions, 3D hover effects, and video storytelling.

一个视觉引人入胜的网站，具备滚动触发动画、几何过渡效果、3D悬停效果和视频叙事功能。

Tech Stack

技术栈

Framework: React 19
Build Tool: Vite
Animation: GSAP
Styling: Tailwind CSS
Package Manager: npm
Output:
```
dist
```
directory
Dev Port: 5173

框架：React 19
构建工具：Vite
动画库：GSAP
样式方案：Tailwind CSS
包管理器：npm
输出目录：
```
dist
```
文件夹
开发端口：5173

Setup

搭建步骤

1. Clone the Template

1. 克隆模板

bash

git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git .

If the directory is not empty:

bash

git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

bash

git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git .

如果目标目录非空：

bash

git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

2. 移除Git历史记录（可选）

bash

rm -rf .git
git init

bash

rm -rf .git
git init

3. Install Dependencies

3. 安装依赖

bash

npm install

bash

npm install

Build

构建

bash

npm run build

Creates a production build in the

dist/

directory.

bash

npm run build

在

dist/

目录中生成生产环境构建文件。

Deploy

部署

CRITICAL: For Vercel, you MUST use
vercel build --prod
then
vercel deploy --prebuilt --prod
. Never use
vercel --prod
directly.

重要提示：对于Vercel平台，你必须先执行
vercel build --prod
，然后执行
vercel deploy --prebuilt --prod
。切勿直接使用
vercel --prod
命令。

Vercel (Recommended)

Vercel（推荐）

bash

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

bash

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

bash

netlify deploy --prod --dir=dist

bash

netlify deploy --prod --dir=dist

Development

开发

bash

npm run dev

Opens at http://localhost:5173

bash

npm run dev

启动后访问 http://localhost:5173

Notes

注意事项

Static React site with no backend - no environment variables needed
Never run
```
npm run dev
```
in VM environment

静态React网站，无后端服务 - 无需配置环境变量
切勿在虚拟机环境中运行
```
npm run dev
```
命令