← 返回项目库

Nexa 全屋智能设备与能耗控制台

中文全屋智能控制台，集中展示房间设备、环境温控、能耗趋势、自动化场景和告警记录。

Nexa 是基于 React、TypeScript、Vite 与 Tailwind CSS 的纯前端智能家居学习项目。控制台提供客厅、厨房、主卧和车库四个区域的设备状态与切换交互，并展示温控中枢、实时能耗、自动化场景和安全告警。无需后端、数据库或 API 密钥即可完成安装、构建和浏览器演示。

真实界面

项目截图

共 5 张

客厅设备总览
厨房设备控制
主卧环境与安防
车库设备状态
告警事件与恢复记录

Capabilities

核心功能

✓四房间设备切换
✓实时设备状态矩阵
✓恒温环境控制
✓能耗趋势图
✓自动化场景卡片
✓安全与离线告警
✓响应式深色界面

适用场景

智能家居控制台原型
IoT 状态可视化教学
React 仪表盘界面学习
全屋自动化场景演示

适合谁

智能家居产品学习者、物联网前端开发者、React UI 设计人员和社群教学用户。

商业化思路

用于社群学习和研究智能家居控制台、IoT 可视化与多区域设备管理。

你会拿到什么

  • ✓完整中文源码包
  • ✓五张真实交互截图
  • ✓中文安装与构建说明
  • ✓生产依赖安全审计说明

部署流程

  1. 1执行 npm ci 安装锁定依赖。
  2. 2执行 npm run build 生成 dist。
  3. 3运行 npm run preview 并访问终端显示的地址。

真实验证结果

Vite 6.4.3 生产构建通过；npm audit --omit=dev 为 0；浏览器验证客厅、厨房、主卧、车库与告警五个中文状态，截图 SHA 均不同且无控制台错误、坏图或溢出。

部署前须知

设备开关和场景按钮为界面交互演示，不连接真实 IoT 硬件，也不会持久化数据。

部署难度

简单

最低配置

Node.js 20+ 与 npm；纯前端运行，无需数据库或外部 API。

开源许可证

上游未提供许可证文件

最后验证

2026-08-20

技术栈

React 19TypeScriptVite 6Tailwind CSSLucide React

授权说明

上游未声明许可证，仅按社群学习与研究目录收录；再分发或商用前请自行确认权利边界。

Release notes

版本记录

1 个已发布版本

v1.0.0-cn.1 当前推荐

首个中文社群学习交付版本，完成全界面中文化、部署说明、五个设备场景和告警页面验收。

部署要求：Node.js 20+ 与 npm。

已知问题：当前为纯前端演示，不连接真实设备或保存状态。

登录后领取