圖(1) 首頁

圖(2) 登入頁面

圖(3) 管理頁面

專案簡介:

此專案為使用框架express、資料庫 MongoDB製作的個人全端專案，使用者可建立個人帳戶，也可透過Facebook、Google第三方登入，且可將喜歡的商品加入願望清單、加入購物車、送出訂單、完成結帳，並在送出訂單有信件通知。 管理者可以修改、取消訂單內容，新增、修改、刪除類別及產品內容。

前端畫面使用handlebar作為樣板引擎，並使用bootrap4進行畫面排版美化

登入使用cookie-session作為登入驗證機制，且有能串google、facebook第三方登入功能

使用mongoose ODM 對資料進行存取、修改

上傳圖片連結，使用AWS S3作為圖床

信件傳輸串接GMAIL API並使用套件nodemailer來進行傳輸

結帳串接第三方金流 藍新API來進行信用卡及web atm付款

最後雲端部署於AWS EC2 上 資料庫使用MonogoDB Atlas

專案功能

• 使用者可建立個人帳戶
• 使用者可使用 facebook、google 登入
• 使用者可以修改密碼及個人資訊
• 使用者可以觀看過往屬於個人的訂單資訊
• 使用者可將商品加入願望清單，並從願望清單內加入至購物車
• 使用者可以依分類瀏覽、搜尋所有商品及查看商品詳細資訊
• 使用者可以調整依照上架早晚、價錢高低查看商品
• 使用者可將商品加入購物車，並在購物車內選調整產品數量
• 使用者確定購買清單後可以下訂單，下單完成後會收到訂單通知信
• 使用者可以使用信用卡、web atm 進行結帳
• 管理者可以查看、新增、修改、刪除種類
• 管理者可以查看、新增、修改、刪除商品
• 管理者可以查看、修改、取消訂單

專案使用技術

• 資料庫：MongoDB/ Mongoose js ODM
• 框架：Node.js / Express.js
• 驗證：passport.js
• 版本控管：git & git-flow, github
• 圖床 : AWS S3
• 樣板 : handlebars
• 文字編輯器 : ckeditor5
• 信件寄送 : Nodemailer、Gmail API
• 雲端部署 : AWS EC2 + MonogoDB Atlas
• 程序管理 : Pm2
• 網路伺服器 : Nginx(反向代理)
• SSL憑證 : cloudflare
• 金流串接 : newebWay API(藍新)

測試帳號密碼：

• 使⽤者 : [email protected]/ 密碼 12345678
• 管理者 : [email protected]/ 密碼 12345678
• 測試信用卡號 : 4000-2211-1111-1111

gitHub : 連結

live demo : 連結

專案紀錄 : 連結