- 登入
- 登出
- 註冊
- 修改個人檔案
- 密碼重設
- 使用者檔案瀏覽
- 商品列表
- 使用者瀏覽單一類別商品
- 使用者瀏覽某價格區間商品
- 使用者瀏覽商品詳細內容,下方列出相似商品
- 使用者查詢商品
- 首頁預設 6 項商品,使用者可藉由 load more 功能分次瀏覽更多商品
- 購物車
- 使用者訂單查詢
- 管理者建立商品類別
- 管理者更新商品類別
- 管理者取得商品類別
- 管理者刪除商品類別
- 管理者建立商品
- 管理者更新商品
- 管理者取得商品
- 管理者刪除商品
- 管理者瀏覽所有訂單
- 管理者更新訂單處理狀態
- /register
- /login
- /forgot-password
- /user-auth
- /admin-auth
- /profile
- /users
- /orders
- /all-orders
- /order-status/:orderId
- /order-status/:orderId
- /create-category
- /update-category/:id
- /get-category
- /single-category/:slug
- /delete-category/:id
- /create-product
- /get-product
- /get-product/:slug
- /product-photo/:pid
- /delete-product/:pid
- /update-product/:pid
- /product-filters
- /product-count
- /product-list/:page
- /search/:keyword
- /related-product/:pid/:cid
- /product-category/:slug
- /braintree/payment
git clone https://github.com/cyberseris/Mern-Stack-Ecommerce-App.git
(https://github.com/cyberseris/Mern-Stack-Ecommerce-App.git)
npm install
client 端 .env 檔案
REACT_APP_API = http://localhost:8080/
server 端 .env 檔案
PORT = 8080
DEV_MODE = XXX
MONGO_URL = XXX
JWT_SECRET =
npm run dev
在瀏覽器網址列輸入以下即可看到畫面
http://localhost:8080/
- React v18.2.0
- react-dom v18.2.0
- react-router-dom v6.16.0
- react-hot-toast v2.4.1
- react-helmet v6.1.0
- Vite v8.5.5
- axios v1.5.1
- antd v5.10.0
- moment v2.29.4
- bootstrap v5.1.1
- mongoose v7.6.0
- express v4.18.2
- Node.js v17.8.0
- bcrypt v5.1.1
- jsonwebtoken v9.0.2
- slugify v1.6.6
- concurrently v8.2.1
- express-formidable v1.2.0
- cors v2.8.5
- dotenv: v16.3.1
- morgan: v1.10.0
- ...