Blanche | Fashion E-commerce

全端協作專案，串接第三方支付 API，打造潮流女裝電商平台

專案連結

GitHub：https://github.com/sherryliao21/ecommerce-site

Live Demo：https://ecommerce-simple.herokuapp.com/

使用者請自行註冊帳號登入前台

可以使用 Test Admin 登入後台：

email: [email protected]

password: 12345678

測試第三方支付用的信用卡號請至 GitHub README 閱讀使用方式

專案紀錄：[專案紀錄] 迷你電商 X 串接第三方金流

主要功能

管理者 (Admin) 可以：

1. 登入管理員後台

2. 上架新商品、編輯、刪除產品與分類

3. 瀏覽訂單、編輯訂單支付與出貨狀態，一鍵取消訂單

訪客 (visitor) 可以：

1. 瀏覽前台商店

2. 將商品加入購物車

使用者 (user) 可以：

1. 登入前台商店，或以 Google/Facebook 帳號登入

2. 修改登入信箱與密碼、使用者名稱

3. 購物車結帳

4. 取得訂單支付資訊，並透過第三方金流平台以信用卡支付

5. 瀏覽過去訂單記錄與訂單狀態

以全端＋分離後端 API 方式開發

全端 ＋ 後端 API（2人）：

1. Node.js 搭配 Express 框架，使用 MySQL 作為資料庫

2. 前端以 Handlebars 樣本引擎渲染，搭配 Bootstrap 美化版面

3. 以 RESTful 風格撰寫 API

4. 以 Express Session 及 JWT token authentication 實作登入機制

5. 部署於 Heroku

6. 使用 Git & GitHub 作為版控系統

7. 使用 Trello 做專案管理與任務分派、Slack 作為協作溝通管道

我在專案中的角色

1. 專案基礎建設 （資料庫 model 建置、使用者登入驗證、專案整體架構、Heroku 部署）

2. 定義與開發 API（後台商品管理、上架、訂單管理、使用者登入驗證、第三方金流串接）

3. 規劃資料關聯、繪製 ERD （分工）

4. 撰寫 README

5. 任務分配、專案管理（分工）

專案截圖