Nandhakumar1501/One-G

# ONE-G ONE-G 是一个综合性的多角色管理门户，旨在弥合公民、官员和管理员之间的鸿沟。它采用现代技术栈构建，为每种用户角色提供了专门的仪表板和工具，用于报告事件、跟踪绩效以及管理部署。 **在线应用**: [https://one-g-c3af4.web.app/](https://one-g-c3af4.web.app/) ## 主要特性 - **基于角色的访问控制**：为公民、官员和 Admin 提供量身定制的体验和受保护的路由。 - **公民门户**：允许公民报告问题、查看附近事件以及管理他们的个人资料。 - **官员仪表板**：为官员提供事件地图、绩效指标和快速响应工具。 - **Admin 指挥中心**：为管理员提供对部署、策略管理、资产跟踪、系统审计和知识图谱的全面监督。 - **交互式地图**：集成的事件映射，用于基于位置的报告和态势感知。 ## 技术栈 - **前端框架**：React 19、TypeScript 和 Vite - **样式**：Tailwind CSS & Framer Motion（用于流畅的布局动画和过渡） - **地图**：Leaflet & React-Leaflet - **后端与身份验证**：Firebase（Hosting、Auth、Firestore） - **图标**：Lucide React - **路由**：React Router DOM (v7) ## 快速开始 要在本地运行该项目，请按照以下步骤操作： 1. **安装依赖：** npm install 2. **启动开发服务器：** npm run dev 应用程序将可以通过 `http://localhost:5173/`（或下一个可用端口）访问。 3. **构建生产版本：** npm run build ## 项目结构 源代码的组织结构如下： - `src/pages/`：包含按用户角色（`citizen`、`officer`、`admin`）划分的路由组件。 - `src/components/`：可复用的 UI 组件。 - `src/context/`：用于状态管理（Auth、Report、Officer、Admin）的 React context provider。 - `src/lib/`：实用工具函数和集成。

标签：ASN信息, Firebase, React, Syscalls, 事件管理, 协作平台, 地图集成, 自动化攻击