第 17 組 陳明昊 藍中璟 鈕愷夏 謝沐昕
遠端居家辦公室是為遠距辦公設計的網頁，目的是希望打造一個對辦公室成員實用、方便、簡單操作的虛擬辦公室．
使用者的首頁會顯示當前加入的辦公室圖卡，點擊即可進入此辦公室。使用者對於辦公室有兩種身份：Manager、一般成員。 若使用者是辦公室的 Manager，對辦公室內部的操作權限較高，且身份會顯示在辦公室圖卡旁邊，若使用者是一般成員，圖卡不會標明身份。 右下角的＋符號可以供使用者新增辦公室。
進入到辦公室後，使用者會看到許多用卡通圖構成的辦公室傢俱，每項傢俱皆可點選，並有特定功能。
書櫃
辦公室最左側得書櫃是存放重要共同檔案文件的地方，點擊書櫃圖示後即可檢索書櫃中存放的共用資料。產品企劃書、工具使用說明書、會議紀錄皆會儲存於此。
佈告欄
辦公室後方的佈告欄是存放臨時便條紙條的地方，點擊佈告欄圖示後即可查看佈告欄中放置的紙條，並且對便條都會有新增、刪除、修改、查詢的功能。ToDo 資料，近期的開會通知皆會貼上於此。
打卡機
小櫃子上的打卡機是員工上下班打卡的地方，點擊打卡機圖示後即可查看目前辦公室成員打卡狀態。點擊底下打卡功能，會在打卡資料表留下個人的名字及上班時間，按鈕會切換成下班，再點擊一次即可打卡下班。
電話
書桌上的電話是存放辦公室員工資料的地方，點擊電話圖示後即可查看辦公室成員的名字及聯絡資訊，並可在上方新增員工名字及聯絡資訊。
音樂播放器
書桌上的音樂播放器內存放平時辦公室會播出的音樂抑或是平時上班工作的聲音。點擊音樂播放器會跳出唱盤，並顯示出音樂清單。
聊天室
辦公室的左下角有聊天室，輸入文字、點擊箭頭後即可發送訊息，功能如同一般的線上聊天室。
咖啡機
書桌旁的咖啡機是我們設計的辦公時間排行榜。使用者待在辦公室內每隔一段時間可以去咖啡機內裝咖啡，並收集成個人的累積咖啡 cc 數。在頁面的上方會顯示出累積咖啡的排行榜。
門
點擊門可以離開此間辦公室。
前端: React
後端: 後端原始碼、 Spring Boot