dandrek123/MissionShield

GitHub: dandrek123/MissionShield

一个基于 React 和 Node.js 构建的防御型网络安全运营仪表板,用于追踪任务系统战备状态和网络事件。

Stars: 0 | Forks: 0

# MissionShield **网络防御战备仪表板** MissionShield 是一个防御型网络安全运营仪表板,使用 **React**、**Node.js**、**Express** 和 **SQLite** 构建。它可以帮助您通过单一仪表板追踪任务系统战备状态、网络安全事件、严重程度、运营风险以及响应行动。 # 截图 ## 仪表板概览 ![MissionShield 仪表板概览](https://static.pigsec.cn/wp-content/uploads/repos/cas/9f/9f466d5933a6ac94529682557549fc730a3844e91365cbaa213d09b2d22161d2.png) ## 系统和事件视图 ![MissionShield 系统和事件](https://static.pigsec.cn/wp-content/uploads/repos/cas/03/03d7102699763d049570c13ac7044fe2862d70b2796056e248587b8920eb0ea5.png) # 项目亮点 - 防御风格的网络战备仪表板 - 采用暗色作战风格 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, 多模态安全, 安全运营, 态势感知, 扫描框架, 数据可视化, 网络安全, 自定义脚本, 隐私保护