使用 React.js 建立前端頁面，配搭 Node.js 後端 api 的前後端分離網站，使用者身份為訪客、會員、管理員，功能如下 訪客： 會員註冊 / 登入 瀏覽商品 加入購物車 (結帳請先登入) 會員： 瀏覽商品 加入購物車 ( 綠界金流 ) 購買商品與結帳 查看、編輯個人資訊、訂單資料 管理員 管理商品 (CRUD 、商品文案、商品圖片) 管理訂單狀態 使用技術 React Router - 路由管理 Redux Toolkit - 元件狀態管理 styled-components - 使用 CSS-IN-JS 處理版面配置、動態更改 CSS quill - 新增、編輯商品文案編輯器，提供簡易網頁排版功能及上傳圖片 Responsive web design (RWD) - 網頁排版自適應大部分瀏覽器 LocalStorage - 儲存身份認證的 JWT、購物車資訊 fetch - 與後端 API 資料交換 Demo－前台：https://www.parlando.tw/#/backStage/adminLogin Demo－後台：https://www.parlando.tw/#/ Github：https://github.com/awuuu0716/MTR04-Parlando