在這集影片中，我會帶你一步一步完成 React Dashboard 首頁的開發，從串接後端 API 開始，抓取使用者、角色與設備的資料。
並在頁面上用統計卡片清楚顯示系統的核心指標，同時透過 ChartJS 建立可視化圖表，左邊用圓餅圖呈現設備狀態分佈，右邊用長條圖顯示各角色所管理的設備數，讓管理者能夠一眼掌握整體情況。
此外我們還會在首頁增加近期設備清單，依照修改時間排序顯示最新的更新狀況，包含名稱、狀態與最後修改時間。
使用者在打開後台的第一時間就能看到最重要的資訊，這是一個實用又專業的儀表板實作示範，幫助你把後端資料串接與前端視覺化結合起來，讓系統更完整、更直覺。
00:00 首頁儀表板需求說明
01:33 ChartJS 套件安裝
01:59 使用者/角色/設備數量統計
04:58 設備狀態/角色設備統計圖表開發
07:56 近期更新設備清單表格
