cyberseris / mern-stack-ecommerce-app Goto Github PK

• 登入
• 登出
• 註冊
• 修改個人檔案
• 密碼重設
• 使用者檔案瀏覽
• 商品列表
• 使用者瀏覽單一類別商品
• 使用者瀏覽某價格區間商品
• 使用者瀏覽商品詳細內容，下方列出相似商品
• 使用者查詢商品
• 首頁預設 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
• ...

• Youtube 學習資源 - Techinfo YT

• 登入

• 註冊

• 使用者檔案瀏覽

• 商品列表

• 使用者瀏覽單一類別商品

• 使用者瀏覽某價格區間商品

• 使用者查詢商品

• 購物車

• 使用者訂單查詢

• 管理者建立商品類別

• 管理者建立商品

• 管理者更新訂單處理狀態 Not Prcess => deliverd