LifeSync-Health-web: LifeSync-Health-web 是心身同调·全维健康项目的前端应用，基于 Next.js 和 React 开发，旨在为用户提供直观、易用的健康数据展示与管理界面。通过本前端应用，用户可以查看健康报告、进行数据录入、设置健康目标，并与 AI 系统进行互动获取个性化建议。该仓库专注于构建响应式和互动性强的 Web 界面。

# 心身同调·全维健康 Web 前端 🌟

LifeSync · Holistic Health Web Frontend

## 📖 项目简介

心身同调·全维健康是一款创新的健康管理平台的 Web 前端项目，为用户提供直观、易用的健康数据可视化和管理界面。通过现代化的 UI 设计和流畅的交互体验，帮助用户更好地了解和管理自己的健康状况。

## 🚀 核心功能

- 📊 **健康数据展示**

- 数据可视化面板
  - 健康指标趋势图
  - 实时数据更新

- 🧠 **心理健康管理**

- 情绪记录界面
  - 心情日历视图
  - 压力评估报告

- 🔄 **设备管理**

- 设备绑定界面
  - 数据同步状态
  - 多设备管理

- 👤 **用户中心**
  - 个人资料管理
  - 健康目标设置
  - 隐私设置

## 💻 技术栈

### 前端框架

- ⚛️ **Next.js 14** - React 框架
- 🎨 **Tailwind CSS** - 样式框架
- 📊 **Recharts** - 数据可视化
- 🔷 **TypeScript** - 类型安全

### UI 组件

- 🎨 **Lucide Icons** - 图标库
- 🎨 **TailwindCSS** - 原子化 CSS

### 开发工具

- 📝 **ESLint** - 代码检查
- 🎨 **Prettier** - 代码格式化
- 🔍 **TypeScript** - 静态类型检查

## ⚙️ 系统要求

- Node.js >= 18
- Bun >= 1.0.0 (推荐)

## 🚀 快速开始

### 1. 克隆项目

```bash
git clone https://gitee.com/zeroicey/life-sync-health-web.git
cd life-sync-health-web
```

### 2. 安装依赖

```bash
bun install
# 或
npm install
```

### 3. 环境配置

```bash
cp .env.template .env.local
```

编辑 .env.local 文件：

```env
NEXT_PUBLIC_API_URL=http://localhost:3000/api
```

### 4. 启动开发服务器

```bash
bun dev
# 或
npm run dev
```

访问 [http://localhost:5173](http://localhost:5173) 查看应用。

## 📱 页面说明

### 主要页面

- `/` - 首页/仪表盘
- `/health` - 健康数据管理
- `/mood` - 心情记录
- `/devices` - 设备管理
- `/profile` - 个人中心

### 功能页面

- `/auth/login` - 登录
- `/auth/register` - 注册
- `/settings` - 设置
- `/reports` - 健康报告

## 📁 项目结构

```
life-sync-health-web/
├── src/
│ ├── app/ # 页面组件
│ ├── components/ # 通用组件
│ │ ├── ui/ # UI 组件
│ │ └── charts/ # 图表组件
│ ├── lib/ # 工具函数
│ ├── hooks/ # 自定义 Hooks
│ └── styles/ # 样式文件
├── public/ # 静态资源
└── package.json
```

## 👥 开发团队

### ACACIA 团队

- 👨‍💻 **张开鑫** - 全栈开发
- 👨‍💻 **汪宁** - 文档编写
- 👨‍💻 **郭嘉荣** - 代码测试

### 指导老师

- 👨‍🏫 **欧凯曈**
- 👨‍🏫 **李伟梁**

## 🔗 相关项目

- 🌐 [后端 API](https://gitee.com/zeroicey/life-sync-health-api.git)
- 🤖 [AI 服务](https://gitee.com/zeroicey/life-sync-health-ai.git)

## 📄 许可证

本项目采用修改版 MIT 许可证。在遵循以下条件的情况下，允许使用、复制、修改和分发本软件：

1. 必须保留原始版权声明和许可证声明。
2. 商业使用需获得 ACACIA 团队的书面授权。
3. 本软件按"原样"提供，不提供任何形式的保证。

详见 [LICENSE](LICENSE) 文件。

## 📞 联系我们

- Email: zeroicey.hp@outlook.com
- Wechat: Y3245632373

---

用科技守护健康，用数据改善生活 ❤️

zeroicey/LifeSync-Health-web

简介

发行版

贡献者

近期动态

zeroicey/LifeSync-Health-web .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

zeroicey/LifeSync-Health-web