subhankar505s/CyberShieldX
GitHub: subhankar505s/CyberShieldX
一个基于 Next.js 构建的 SOC 风格网络安全仪表板，集成了漏洞扫描、加密、恶意软件检测、钓鱼分析和日志审计等多种安全工具。
Stars: 1 | Forks: 0
# 🛡️ CyberShield X
高级 SOC 风格网络安全仪表板与安全工具包
# 📌 概述
CyberShield X 是一个使用 **Next.js 16**、**TypeScript** 和 **Tailwind CSS** 构建的高级网络安全仪表板，具有现代赛博朋克风格的 SOC（安全运营中心）UI。
该平台提供多种集成的安全工具，包括：
- 🔍 漏洞扫描器
- 🌐 端口扫描器
- 📡 网络包嗅探器
- 🔐 AES-256 加密
- 🔑 密码保护器
- ☣️ 恶意软件扫描器
- 🎣 钓鱼检测器
- 📊 日志分析器
- 📈 报告仪表板
- 👤 安全身份验证系统
# ✨ 功能
## 🖥️ SOC 仪表板
- 实时安全仪表板
- 威胁监控系统
- 安全统计数据可视化
- 活动日志和警报
- 响应式赛博朋克 UI
## 🌐 端口扫描器
- IP 与端口范围扫描
- 开放/关闭端口检测
- 服务识别
- 实时扫描进度
## 🔍 漏洞扫描器
- 检测安全漏洞
- SSL/TLS 分析
- XSS 和 SQL 注入检查
- CVE 风格威胁报告
## 📡 网络包嗅探器
- 实时流量模拟
- TCP/UDP/DNS/HTTP 监控
- 协议过滤
- 自动刷新日志
## 🔐 密码工具
- 安全密码生成器
- 密码强度分析器
- 熵计算
- 破解时间估算
## 🔒 AES-256 加密
- AES-256-GCM 加密
- 安全文本/文件加密
- Web Crypto API 集成
- 基于密码的密钥派生
## ☣️ 恶意软件扫描器
- SHA-256 文件哈希生成
- 威胁分类
- 风险评分系统
- 模拟恶意软件检测
## 🎣 钓鱼检测器
- URL 威胁分析
- 域名抢注检测
- 可疑 TLD 检测
- 风险评分引擎
## 📊 日志分析器
- 安全日志解析
- 威胁模式检测
- 登录失败监控
- SQL 注入和 XSS 检测
## 📈 报告与分析
- 扫描历史管理
- 威胁可视化
- 报告生成
- 导出支持
## 👤 身份验证系统
- 安全登录系统
- SHA-256 密码哈希
- 受保护的路由
- 会话管理
# 🛠️ 技术栈
| 技术 | 用途 |
|---|---|
| Next.js 16 | 前端框架 |
| TypeScript | 类型安全 |
| Tailwind CSS | 样式设计 |
| shadcn/ui | UI 组件 |
| Recharts | 数据可视化 |
| Lucide React | 图标 |
| Web Crypto API | 加密 |
| React Hook Form | 表单处理 |
| Zod | 数据验证 |
# 📂 项目结构
```
CyberShieldX/
│
├── app/
│ ├── globals.css
│ ├── layout.tsx
│ ├── page.tsx # Login Page
│ │
│ ├── dashboard/
│ │ ├── page.tsx # Main Dashboard
│ │ ├── encryption/
│ │ │ └── page.tsx
│ │ ├── log-analyzer/
│ │ │ └── page.tsx
│ │ ├── malware-scanner/
│ │ │ └── page.tsx
│ │ ├── packet-sniffer/
│ │ │ └── page.tsx
│ │ ├── password-tools/
│ │ │ └── page.tsx
│ │ ├── phishing-detector/
│ │ │ └── page.tsx
│ │ ├── port-scanner/
│ │ │ └── page.tsx
│ │ ├── reports/
│ │ │ └── page.tsx
│ │ ├── settings/
│ │ │ └── page.tsx
│ │ └── vulnerability-scanner/
│ │ └── page.tsx
│
├── components/
│ ├── auth/
│ │ └── login-form.tsx
│ │
│ ├── dashboard/
│ │ └── dashboard-content.tsx
│ │
│ ├── layout/
│ │ └── dashboard-layout.tsx
│ │
│ ├── security/
│ │ ├── encryption.tsx
│ │ ├── log-analyzer.tsx
│ │ ├── malware-scanner.tsx
│ │ ├── packet-sniffer.tsx
│ │ ├── password-tools.tsx
│ │ ├── phishing-detector.tsx
│ │ ├── port-scanner.tsx
│ │ ├── reports.tsx
│ │ ├── settings.tsx
│ │ └── vulnerability-scanner.tsx
│ │
│ ├── ui/ # shadcn/ui Components
│ │ ├── badge.tsx
│ │ ├── button.tsx
│ │ ├── card.tsx
│ │ ├── chart.tsx
│ │ ├── input.tsx
│ │ ├── progress.tsx
│ │ ├── scroll-area.tsx
│ │ ├── select.tsx
│ │ ├── slider.tsx
│ │ ├── switch.tsx
│ │ ├── tabs.tsx
│ │ └── ...
│ │
│ └── theme-provider.tsx
│
├── hooks/
│ ├── use-mobile.ts
│ └── use-toast.ts
│
├── lib/
│ ├── auth-context.tsx
│ ├── scan-store.ts
│ ├── security-tools.ts
│ └── utils.ts
│
├── public/
│ ├── screenshots/
│ │ ├── dashboard.png
│ │ ├── login.png
│ │ ├── port-scanner.png
│ │ └── vulnerability-scanner.png
│ │
│ └── assets/
│
├── screenshots/
│ └── dashboard.png
│
├── package.json
├── package-lock.json
├── tsconfig.json
├── next.config.mjs
├── postcss.config.mjs
├── tailwind.config.ts
├── middleware.ts
├── README.md
├── LICENSE
└── .gitignore
```
# ⚙️ 安装指南
## 1️⃣ 克隆仓库
```
git clone https://github.com/subhankar505s/CyberShieldX.git
```
## 2️⃣ 进入项目目录
```
cd CyberShieldX
```
## 3️⃣ 安装依赖项
```
npm install
```
## 4️⃣ 安装必需的包
```
npm install next react react-dom
```
## 5️⃣ 安装 UI 和实用程序库
```
npm install lucide-react recharts sonner zod react-hook-form @hookform/resolvers clsx tailwind-merge class-variance-authority
```
## 6️⃣ 安装 Radix UI 组件
```
npm install @radix-ui/react-tabs @radix-ui/react-select @radix-ui/react-switch @radix-ui/react-slider @radix-ui/react-scroll-area
```
## 7️⃣ 安装 Tailwind CSS
```
npm install tailwindcss @tailwindcss/postcss postcss
```
# ▶️ 运行项目
## 启动开发服务器
```
npm run dev
```
# 🌐 在浏览器中打开
```
http://localhost:3000
```
# 🔑 默认登录凭据
```
Username: admin
Password: admin123
```
# 🎨 UI 主题
| 元素 | 颜色 |
|---|---|
| 背景 | #0a0a0f |
| 表面 | #12121a |
| 主色调 | #00d4ff |
| 次要色调 | #7c3aed |
| 成功 | #22c55e |
| 警告 | #f59e0b |
| 危险 | #ef4444 |
# 🔐 安全功能
- AES-256-GCM 加密
- SHA-256 密码哈希
- 安全威胁检测
- 实时监控
- 受保护的路由
- 威胁严重性分析
# 🚀 未来改进
- AI 威胁检测
- 真实网络包捕获
- 实时 CVE 订阅源
- 威胁情报集成
- SIEM 仪表板
- Docker 部署
- 真实恶意软件分析
- API 安全扫描器
# 📸 截图
## 仪表板
## Subhankar Mohanta
网络安全爱好者 • 网络工程师 • SOC 仪表板开发者
© 2026 CyberShield X v1.0.0
由 Subhankar Mohanta 设计与开发
# ⭐ 支持
如果你喜欢这个项目，请在 GitHub 上给它点个 ⭐。标签：TypeScript, 前端, 安全插件, 实时处理, 密码管理, 插件系统, 网络安全, 自动化攻击, 隐私保护