Yadnesh-Khachane/Family-Health-Command-Center

# FHCC — 家庭健康指挥中心 一个多功能的健康数据平台，通过统一的、基于同意的界面连接家庭、医院和管理员。使用 Next.js 16、React 19 和 Tailwind CSS v4 构建。 ## 概述 FHCC 是一个围绕三个支柱设计的活体健康记录系统： - **家庭** — 一个健康指挥中心，用于跟踪每个家庭成员的医疗历史。 - **医院** — 具有患者历史和咨询工具的外科智能仪表板。 - **管理员** — 用于同意管理、异常检测和数据完整性的治理层。 ## 技术栈 | 层 | 技术 | |---|---| | 框架 | Next.js 16 (App Router) | | 语言 | TypeScript 5.7 | | UI 库 | React 19 | | 样式 | Tailwind CSS v4 | | 组件 | Radix UI + shadcn/ui | | 动画 | Framer Motion | | 表单 | React Hook Form + Zod | | 图表 | Recharts | | 包管理器 | pnpm | ## 项目结构 ``` ├── app/ │ ├── page.tsx # Landing page │ ├── login/page.tsx # Multi-role login │ ├── admin/ │ │ ├── dashboard/page.tsx # Admin overview │ │ ├── anomalies/page.tsx # Anomaly detection │ │ ├── consent/page.tsx # Consent management │ │ ├── emergency/page.tsx # Emergency access │ │ └── entities/page.tsx # Entity management │ ├── hospital/ │ │ ├── dashboard/page.tsx # Hospital overview │ │ └── patient/sharma-gayatri/ # Patient detail view │ └── family/ │ └── dashboard/page.tsx # Family health hub ├── components/ │ ├── hero-section.tsx │ ├── pillars-section.tsx │ ├── trust-footer.tsx │ ├── geometric-nodes.tsx │ └── ui/ # shadcn/ui component library ├── hooks/ ├── lib/ └── public/ ``` ## 入门 ### 先决条件 - **Node.js** v18 或更高版本 — [nodejs.org](https://nodejs.org) - **pnpm** — 通过 `npm install -g pnpm` 安装 ### 安装 ``` # 克隆或提取项目 unzip login-page-build.zip -d login-page-build cd login-page-build # 安装依赖 pnpm install # 启动开发服务器 pnpm dev ``` 在您的浏览器中打开 [http://localhost:3000](http://localhost:3000)。 ## 可用脚本 ``` pnpm dev # Start development server with hot reload pnpm build # Build for production pnpm start # Start production server (run after build) pnpm lint # Run ESLint ``` ## 种子凭证 登录页面为每个角色内置了演示凭证： | 角色 | 邮箱 | 密码 | |---|---|---| | 家庭 | sharma@family.com | password | | 医院 | apollo@hospital.com | password | | 管理员 | admin@fhcc.com | password | ## 路由 | 路径 | 描述 | |---|---| | `/` | 登录页面 | | `/login` | 基于角色的登录（家庭 / 医院 / 管理员） | | `/family/dashboard` | 家庭健康指挥中心 | | `/hospital/dashboard` | 医院外科智能仪表板 | | `/hospital/patient/sharma-gayatri` | 患者详情视图 | | `/admin/dashboard` | 管理员概览，包括同意请求和召回 | | `/admin/anomalies` | 异常检测和访问监控 | | `/admin/consent` | 同意治理 | | `/admin/emergency` | 紧急访问管理 | | `/admin/entities` | 实体（家庭和医院）管理 | ## 注意事项 - TypeScript 构建错误被抑制（`ignoreBuildErrors: true`）——即使有类型警告，项目也会构建。 - 图像优化被禁用（`unoptimized: true`）以实现静态/导出兼容性。 - 运行 UI 不需要环境变量——所有数据目前都是模拟的。 - 如果您连接了后端，请将您的变量添加到项目根目录中的 `.env.local` 文件中。

标签：MITM代理, pnpm, React, Syscalls, Tailwind CSS, TypeScript, TypeScript 5.7, UI库, Zenmap, 健康记录系统, 动画, 包管理器, 医疗数据平台, 医疗智能, 医院管理, 危机预警, 同意门控架构, 图表, 安全插件, 家庭健康, 异常检测, 影像学检查, 患者历史, 手术跟踪, 数据完整性, 环境威胁, 疫苗接种, 统一API, 网络安全, 自动化攻击, 药物管理, 行政管理, 表单, 跨代健康情报, 遗传模式, 隐私保护, 风险识别