寶可夢連線記憶遊戲(MERN)

登入連線遊戲，向開源API獲取資料提供遊戲資訊，可多組玩家進行。前端以React為框架，達成元件再利用之SPA網頁(共5頁)，理解生命週期、hook及運用時機，支援RWD，採用bootstrap等第三方套件美化介面；後端以Node.js為平台，採用express架設，將路由區分未登入和已登入才能存取之區塊，提供第三方登入並皆以JWT方式驗證。以RestfulAPI風格之路由，供前端修改和讀取資料，以ODM操作DB。

處理物件陣列淺拷貝、非同步函式、請求中斷、跨域...等問題，以axios處理HTTP請求。遊戲採用socket.IO和伺服端及對手通訊，處理連線、斷線或其它非預期事件；以d3呈現堆疊長條圖，顯示存於MongoDB之紀錄。

帳號:[email protected]，密碼:123456

帳號:[email protected]，密碼:123456 (同一台電腦需以不同瀏覽器登入第二組帳號)

架設於codesandbox

Demo: https://mcqmo-3000.sse.codesandbox.io/

Github: https://github.com/dramounlong3/odinProject8

l