pangerlkr/CTF
GitHub: pangerlkr/CTF
基于React和Supabase构建的轻量级CTF竞赛托管平台，帮助企业和教育机构快速搭建安全技能训练和比赛环境。
Stars: 0 | Forks: 0
# CTF - Capture The Flag 平台
一个使用 React、TypeScript 和 Supabase 构建的现代化、交互式 Capture The Flag (CTF) 平台。该应用程序为举办网络安全挑战赛和管理竞赛排行榜提供了安全的环境。
## 功能特性
- **React 18** - 现代化 UI 框架，支持 hooks 和函数式组件
- **TypeScript** - 提供完整 TypeScript 支持的类型安全开发
- **Vite** - 极速构建工具和开发服务器
- **TailwindCSS** - 用于响应式设计的实用优先 CSS 框架
- **Supabase** - 基于 PostgreSQL 数据库的后端基础设施
- **Lucide Icons** - 美观、一致的图标库
- **数据库迁移** - 使用 Supabase 迁移管理数据库模式
## 项目结构
```
CTF/
├── public/ # Static assets and logos
├── src/ # Source code
│ └── components/ # React components
├── supabase/ # Database migrations and configuration
│ └── migrations/ # SQL migration files
├── package.json # Project dependencies and scripts
├── tsconfig.json # TypeScript configuration
├── vite.config.ts # Vite configuration
├── tailwind.config.js # TailwindCSS configuration
└── README.md # This file
```
## 快速开始
### 前置条件
- Node.js 18+
- npm 或 yarn 包管理器
- Supabase 账户（用于数据库）
### 安装说明
1. 克隆仓库：
```
git clone https://github.com/pangerlkr/CTF.git
cd CTF
```
2. 安装依赖：
```
npm install
```
3. 设置环境变量：
在项目根目录创建一个包含你 Supabase 凭证的 `.env` 文件：
```
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
```
4. 运行开发服务器：
```
npm run dev
```
应用程序将在 `http://localhost:5173` 启动
## 可用脚本
- `npm run dev` - 启动开发服务器
- `npm run build` - 构建生产环境应用程序
- `npm run preview` - 在本地预览生产环境构建
- `npm run lint` - 运行 ESLint 检查代码质量
- `npm run typecheck` - 运行 TypeScript 类型检查
## 技术栈
### 前端
- **React** - UI 库
- **TypeScript** - 语言
- **Vite** - 构建工具
- **TailwindCSS** - 样式
- **Lucide React** - 图标
### 后端与数据库
- **Supabase** - 后端即服务
- **PostgreSQL** - 数据库
- **RESTful API** - 通过 Supabase 提供
### 开发工具
- **ESLint** - 代码检查
- **PostCSS** - CSS 处理
- **TypeScript ESLint** - TypeScript 检查
## 数据库
数据库迁移文件存储在 `supabase/migrations/` 中。要应用迁移：
1. 将迁移推送到 Supabase：
```
npx supabase db push
```
2. 从 Supabase 拉取最新模式：
```
npx supabase db pull
```
## 贡献指南
欢迎贡献！请随时提交 Pull Request 或针对 Bug 和功能需求开启 Issue。
## 许可证
本项目是开源的，并基于 MIT 许可证发布。
## 作者
**pangerlkr** - [GitHub 主页](https://github.com/pangerlkr)
## 支持
如需支持，请在 [GitHub 仓库](https://github.com/pangerlkr/CTF/issues)中开启 issue。
标签：CTF平台, DNS解析, MITM代理, PostgreSQL, React, Supabase, Syscalls, TailwindCSS, TypeScript, Vite, 企业安全, 前后端分离, 在线竞赛, 夺旗赛, 学术编程, 安全插件, 安全教育, 实时记分板, 开源项目, 测试用例, 漏洞修复, 用户认证, 竞赛管理系统, 网络安全培训, 网络资产管理, 自动化攻击