L0ngDrag0n/sentinel-flow

# Sentinel Flow Sentinel Flow 是一个安全运营仪表盘概念，旨在用于事件分诊、检测覆盖和响应计划。它作为一个精心打造的 React + TypeScript 作品集项目而开发，旨在展示前端工程能力、产品思维以及网络安全工作流设计。 [在线演示](https://l0ngdrag0n.github.io/sentinel-flow/) / [代码仓库](https://github.com/L0ngDrag0n/sentinel-flow)  ## 核心亮点 - 实时事件队列，支持严重性过滤和选中事件的详情视图 - SOC 风格的指标，涵盖分诊时间、检测映射、资产覆盖和告警噪声减少 - 面向以遏制为核心的分析师工作流的响应计划检查清单 - 调查时间线和检测覆盖健康指标 - 经过桌面端和移动端宽度测试的响应式布局 ## 技术栈 - React - TypeScript - Vite - Lucide React 图标 - 采用 CSS modules 风格的组件样式，支持响应式断点 ## 本地运行 ``` npm install npm run dev ``` ## 质量检查 ``` npm run lint npm run build ``` 两项检查在当前版本中均通过。 ## 项目初衷 本项目专为专业的 GitHub 作品集而设计。它展示了如何将安全数据组织成实用的分析师界面，同时保持代码库足够简洁，便于快速审查。 ## 未来改进 - 为事件和检测覆盖添加 mock API 数据加载 - 为告警量和响应时间趋势添加图表 - 添加持久化过滤器和分析师笔记 - 为过滤和事件选择行为添加单元测试

标签：React, Syscalls, TypeScript, 前端工程, 安全态势感知, 安全插件, 安全运营(SOC), 自动化攻击