前端使用 create-react-app 快速創建開發環境，用 react 來做前端渲染頁面，後端使用 node.js express 做伺服器連接 mysql ，以 fetch 來做前後端資料連接，達到前後端分離。 我製作的部分是前後端的檔案整合、資料的連接，產品頁的前端刻版，而在這個專題裡我是擔任組長的部分，當組員製作上遇到困難時需要幫忙一起解決與技術指導。 製作上遇到主要的困難，在 react 裡每個頁面或是重複性很高的元素都是一個組件，而 header 上的購物車數量提示圖示需要連動更新，如果使用單向的 ajax 是無法實現的，所以使用 websocket 雙向的方式來告訴 header 什麼時候該更新。 github：https://github.com/watzila/makeup-web