為什麼有這篇文
- 首先要看到專案樣子
- 描述我在專案的角色
- 簡介我在專案的貢獻
- 過程中的收穫與學習
- 最後記錄待優化部分
專案資訊
- 這不是要完全復刻推特的專案
- 主要功能 (登入/註冊/推文等) 約花費 10 天
- 公開聊天室另外花費 3 天
- 專案 (前端) 網址
- 使用者故事/測試
扮演角色
前後端各有 2 位同學負責。身為其中 1 位前端,我除了負責串接所有頁面的 API 資料外,也負責主持每日早上 0800 的敏捷立會。雖然沒有練習到切版有點可惜,不過對有工作的我來說可能是較適合的 (白天另位前端同學切完的頁面,我晚上就可以接手資料串接)。
我的貢獻
- 把頁面的假資料換成 API 取得的資料
- 優化使用者體驗 (e.g. 加入載入中的動畫, 避免使用者重複點按鈕)
- 發送 (登入) 錯誤的提示
- 實現公開聊天室的功能 (使用 socket.io 套件)
- 部署到 GitHub Pages
收穫與學習
- 串接 API / 使用 socket.io 中重複遇到 CORS 的錯誤,後來後端同學幫忙在伺服器設定順利解決
- 部署到 GitHub Pages 發現原本會顯示的圖示都無法顯示了!後來把圖示的絕對路徑全部改成相對路徑解決危機