全端協作 - Blanche | Fashion E-commerce

Avatar of Sherry Liao.
Avatar of Sherry Liao.

全端協作 - Blanche | Fashion E-commerce

Backend Developer
New Taipei City, Taiwan

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. 任務分配、專案管理(分工)

專案截圖

 
 
 
 
全端協作專案,以 Node.js + Express 打造女裝潮流電商平台,整合第三方支付 API,使用者能夠存取購物車、下單、結帳,並以信用卡支付。提供多種登入方式,如 Google、Facebook 登入等。
Avatar of the user.
Please login to comment.

Publicado: ago 11º 2021
139
9
0

Herramientas

mysql
MySQL
npm
npm
mocha
Mocha
handlebars
Handlebars
github
GitHub
git
Git
express
Express
heroku
Heroku
nodejs
Node.js
javascript
JavaScript
html5
HTML5
css3
CSS3
bootstrap
Bootstrap

全端網頁開發
第三方支付API
電商平台

Compartir