Web Dashboard
Dashboard React + MUI hiển thị trạng thái thiết bị real-time qua WebSocket. Giao diện responsive, dark mode, tối ưu mobile.
Monorepo gồm web dashboard, mobile app và admin portal — tất cả kết nối với Home Assistant làm trung tâm điều khiển. Quản lý thiết bị IoT, tự động hóa và năng lượng từ một hệ sinh thái duy nhất.
Kiến trúc & Tính năng
4 ứng dụng trong 1 monorepo — từ mobile app đến admin portal, tất cả cùng kết nối Home Assistant làm nguồn dữ liệu chính.
Dashboard React + MUI hiển thị trạng thái thiết bị real-time qua WebSocket. Giao diện responsive, dark mode, tối ưu mobile.
Ứng dụng mobile React riêng biệt, UX tối ưu cho màn hình nhỏ. Kiểm soát từ xa, nhận cảnh báo push notification.
Portal quản trị hệ thống: người dùng, thiết bị, cấu hình automation, log hoạt động và phân quyền chi tiết.
Home Assistant là source of truth cho mọi trạng thái thiết bị. Tích hợp qua REST API + WebSocket real-time.
Tạo kịch bản tự động theo thời gian, ngưỡng cảm biến hoặc sự kiện. Hỗ trợ Zigbee, Z-Wave, WiFi, Matter.
Theo dõi điện năng tiêu thụ real-time và lịch sử. Dashboard biểu đồ, gợi ý tối ưu tiết kiệm điện.
Backend TypeScript hiệu năng cao với Fastify. MongoDB lưu metadata, JWT auth, CORS được bảo mật.
Phân quyền nhiều người dùng trong cùng ngôi nhà. OAuth SSO scaffold với Google. JWT httpOnly cookies.
Tech Stack
Tổ chức code thành các package chia sẻ và ứng dụng độc lập, dễ mở rộng và bảo trì.
React 18 + TypeScript + MUI
React + TypeScript + MUI (mobile-optimized)
React + TypeScript + MUI
Fastify + TypeScript + Mongoose
MongoDB (auth & metadata)
Home Assistant REST + WebSocket
Docker Compose + Cloudflare Tunnel
Smart Home Platform được thiết kế chạy on-premise hoặc trên server riêng. Cloudflare Tunnel đảm bảo truy cập từ xa an toàn mà không cần mở port router.