React + Vite + NodeJS + Express 電子商務網站

Avatar of RossenLin.
Avatar of RossenLin.

React + Vite + NodeJS + Express 電子商務網站

前端工程師
Keelung City, Taiwan

React + Vite + NodeJS + Express 電子商務網站(包含前、後台)

注意:因為Render免費版會有待機時間,故第一次瀏覽網頁需等候

目前網頁仍有一些Bug需要修正,如果出現以下畫面請將網頁導回 https://rossen-hua.onrender.com/ 即可。

Header(已登入,帳戶為Admin權限)

Header(已登入,帳戶為User權限)

首頁 - Benner + 商品瀏覽

 

搜尋頁面

商品頁面登入頁(未登入)

商品頁面登入頁Header(已登入)

 

登入頁面

個人資料管理畫面

 

購物車畫面(若要到購物車頁面請點選Header的購物車上方的數字即可進入,目前此Bug還在修正中)

 

訂單管理頁面

可瀏覽訂單明細、列印交易明細

 

後台管理系統 -銷售額查詢

 

後台管理系統-商品新增

 

後台管理系統-商品修改&刪除

 

後台管理系統-客戶訂單明細變更與刪除

 

後台管理系統-帳戶權限管理

 

後台管理系統-評論管理

 
前端應用(包含前、後台) 前端框架 : React、Vite UI/UX:TailwindCss、NextUI Google帳戶登入:friebase 數據圖:ChartJS 後端應用 後端 : Node.js 後端框架:Express 資料庫 : MongoDB、Cloudinary 雲伺服器平台: Render 驗證機制:jsonwebtoken 密碼加密:bcryptjs 金流:stripe Mail:nodemailer 版本控制:GitHub(Master(主要分支)、Develop(開發分支))
Avatar of the user.
Please login to comment.

Published: May 16th 2024
88
6
0

Tools

github
GitHub
mongodb
MongoDB
nodejs
Node.js
react
React

Share