dandrek123/MissionShield
GitHub: dandrek123/MissionShield
一个基于 React 和 Node.js 构建的防御型网络安全运营仪表板,用于追踪任务系统战备状态和网络事件。
Stars: 0 | Forks: 0
# MissionShield
**网络防御战备仪表板**
MissionShield 是一个防御型网络安全运营仪表板,使用 **React**、**Node.js**、**Express** 和 **SQLite** 构建。它可以帮助您通过单一仪表板追踪任务系统战备状态、网络安全事件、严重程度、运营风险以及响应行动。
# 截图
## 仪表板概览

## 系统和事件视图

# 项目亮点
- 防御风格的网络战备仪表板
- 采用暗色作战风格 UI 的 React 前端
- 基于 Node.js 和 Express 的后端 API
- SQLite 数据库存储
- 任务系统战备状态追踪
- 网络安全事件报告
- 仪表板摘要卡片
- 系统和事件筛选
- 严重程度和状态追踪
- 完整的 JavaScript 全栈项目
# 功能
- 追踪任务系统和战备状态
- 从仪表板添加和删除任务系统
- 追踪网络安全事件和响应备注
- 从仪表板添加和删除网络安全事件
- 查看系统总数、就绪系统、未解决事件和高风险事件
- 按战备状态和网络风险筛选系统
- 按严重程度和状态筛选事件
- 将系统和事件存储在 SQLite 中
- 在 React 仪表板中展示后端实时数据
- 前端与后端之间的 REST API 集成
# 技术栈
- React
- JavaScript
- Node.js
- Express.js
- SQLite
- HTML
- CSS
- Git/GitHub
# 项目结构
```
missionshield/
├── backend/
│ ├── database.js
│ ├── server.js
│ ├── package.json
│ └── package-lock.json
│
├── frontend/
│ ├── src/
│ │ ├── App.jsx
│ │ ├── App.css
│ │ ├── index.css
│ │ └── main.jsx
│ ├── package.json
│ └── vite.config.js
│
├── README.md
└── .gitignore
```
# 后端 API
后端运行于:
```
http://localhost:5002
```
## 路由
```
GET / API health check
GET /api/summary Dashboard summary data
GET /api/systems List mission systems
POST /api/systems Create a mission system
DELETE /api/systems/:id Delete a mission system
GET /api/incidents List cyber incidents
POST /api/incidents Create a cyber incident
DELETE /api/incidents/:id Delete a cyber incident
```
# 数据库表
MissionShield 使用 SQLite 并包含两个主要表:
## 系统 (Systems)
存储任务系统战备数据:
- 系统名称
- 类别
- 战备状态
- 网络风险等级
- 分配的团队
- 上次检查日期
- 备注
- 创建时间戳
## 事件 (Incidents)
存储网络安全事件数据:
- 事件标题
- 描述
- 严重程度
- 状态
- 受影响的系统
- 报告人
- 响应备注
- 创建时间戳
# 运行项目
## 后端
```
cd backend
npm install
npm run dev
```
后端运行于:
```
http://localhost:5002
```
## 前端
打开第二个终端:
```
cd frontend
npm install
npm run dev
```
前端运行于:
```
http://localhost:5173
```
# 任务系统示例
```
Communications Server
Readiness: Ready
Cyber Risk: Medium
Assigned Team: Cyber Defense Team
```
```
Radar Control Node
Readiness: Limited
Cyber Risk: High
Assigned Team: Operations Security Team
```
# 网络安全事件示例
```
Suspicious Login Activity
Severity: High
Status: Investigating
Affected System: Communications Server
```
```
Unauthorized Access Attempt
Severity: Critical
Status: Open
Affected System: Radar Control Node
```
# 当前功能
- 基于 Express 的后端 API
- SQLite 数据库持久化
- React 仪表板前端
- 任务系统的创建和删除
- 网络安全事件的创建和删除
- 仪表板摘要卡片
- 系统战备状态筛选
- 网络风险筛选
- 事件严重程度筛选
- 事件状态筛选
- 表单提交和删除操作后的实时数据刷新
# 路线图
- 编辑任务系统
- 编辑网络安全事件
- 导出系统和事件的 CSV 文件
- 可打印的事件报告
- 仪表板图表
- 按系统名称或事件标题搜索
- 身份验证和基于角色的访问控制
- 开箱即用的部署配置
# 作者
**D'Andre Knight**
计算机科学毕业生,专注于软件工程、网络安全、人工智能、自动化以及国防导向技术。
GitHub: https://github.com/dandrek123
LinkedIn: www.linkedin.com/in/d’andre-knight-358836251
标签:GNU通用公共许可证, HTTP/HTTPS抓包, MITM代理, Node.js, React, Syscalls, 多模态安全, 安全运营, 态势感知, 扫描框架, 数据可视化, 网络安全, 自定义脚本, 隐私保护