前言

是一個在「資策會」做的專題，從規劃、設計、實作、發表，總共花了一個多月時程。

使用技術及工具

• 設計/原形工具：Illustrator、Adobe XD
• 前端技術：HTML、CSS、SCSS、JavaScript
• 前端框架：React.js
• 後端技術：Node.js、Express
• 資料庫運用：MySQL
• 版本控制：GitHub
• 套件技術：axios、node-sass、react-redux、redux-persist、redux-saga、reselect
• 編輯器技術： VS Code
• 功能說明：
  • 首頁
  • 會員登入註冊
  • 會員中心系統
  • 商城&購物車系統
  • 結帳&訂單系統
  • 課程預約系統
  • 教練中心系統
  • 心得討論區系統
  • 客服中心系統

網站功能介紹

首頁

會員登入註冊

會員中心系統

登入後，即可進入會員中⼼，提供會員資料修改並管理購買清單以及查詢已報名之課程、⽂章管理以及客訴紀錄。

商城&購物車系統

提供商品的篩選以及價格排序的功能。

商品點擊提供更細項內容。

可加入收藏清單及購物車。

結帳&訂單系統

結帳分為確認清單、填寫付款方式及完成頁。

可查看訂購紀錄。

課程預約系統

可預約課程、資訊瀏覽並有人數額滿限制提示。

教練中心系統

提供上下架課程功能。

心得討論區系統

提供發表文章、篩選文章、留言、按讚等功能。

客服中心系統

Q&A瀏覽、客訴表單、即時問答等功能。

結語

以下是我的分工

前端：討論區首頁、文章細節頁、文章上下架及編輯頁、會員管理文章紀錄

後端：MySQL⽂章資料表設計及會員、⽂章API及路由設計

其他：專題簡報製作、整合組員程式碼、UI設計