adminApp

✍️ 管理應用程式

adminApp 是 MERN 堆疊電子商務應用程式（僅管理端）。

⚛️ 使用的技術堆疊

• React.js
• 順風CSS
• Node 和 Express.js
• MongoDB
• Mongoose：用於所有模式驗證和資料庫連接
• Day.js：用於日期格式。
• JsonwebToken：用於建立jsonwebtoken
• BcryptJs：用於密碼加密
• Dotenv：用於使用環境變數
• Nodemon：用於在開發伺服器上執行

主要特點

• 完全響應且用戶友好
• 深色和淺色模式
• 通知區
• 新增、更新和刪除產品
• 建立、更新和刪除類別
• 註冊、更新和刪除人員
• 搜尋員工（按姓名、電子郵件和電話號碼）
• 建立、更新和刪除優惠券
• 進出口產品、類別、優惠券、客戶
• 下載訂單
• 按等級搜尋和篩選訂單：
  1. 狀態（已交付、待處理、處理中和已取消）
  2. 開始和結束日期
  3. 客戶姓名和
  4. 訂單限制
• 新增、更新、刪除和搜尋國際語言和貨幣
• 用於控制管理和商店的設定。
• 所有註冊客戶均單獨列出並顯示其訂單總額。
• 新增了 PWA
• 對所有動態資料（如產品、類別、屬性和優惠券）進行動態翻譯。
• 產品屬性和組合。
• 以及更多，包括所有必要的驗證

入門和安裝

1. 安裝 Node 和 npm
2. 分叉項目
3. 在您喜歡的程式碼編輯器中開啟項目

後端安裝

1. 導航至adminApp-backend目錄，然後執行以下命令來安裝依賴項：

   npm install

2. 配置您的 MongoDB 資料庫。配置後，您會發現一個 mongo URI，只需將其放在.env檔 MONGO_URI 變數中即可。

3. 成功連接 MongoDB 並配置.env後，運行npm run data:import ，它將運行seed.js檔案並導入資料庫上的所有演示資料。如果一切正常，那麼後端配置就完成了。現在您將在 MongoDB 資料庫中找到所有演示資料。

4. 現在運行npm run dev ，它將在連接埠 5055 或您的輸入連接埠上的本機伺服器上執行您的後端。

管理員安裝

1. 導航至adminApp-admin目錄，然後執行以下命令來安裝依賴項：

npm install

2. 建立一個雲端帳戶。然後，取得您的雲端名稱、API_KEY 和 API_SECRET。完成後，將這些值從.env.local檔案分別複製並貼上到 REACT_APP_CLOUD_NAME、REACT_APP_CLOUDINARY_API_KEY 和 REACT_APP_CLOUDINARY_API_SECRET 行。
3. 現在執行npm start ，它將在本機伺服器上的 http://localhost:4000 上執行你的adminApp

存取管理應用程式

問題

如果您在安裝或使用應用程式時發現任何問題，請使用標籤「增強」開啟問題。

注意：請確保瀏覽現有問題以檢查該問題是否已存在。

貢獻

我們非常感謝您所做的任何貢獻。如果您有任何可以讓這個應用程式變得更好的建議，請：

1. 分叉倉庫
2. 建立您的功能分支
3. 提交您的更改
4. 推送到分支
5. 打開拉取請求

您也可以簡單地使用標籤“增強”來開啟討論或問題。

圖片來源

1. Unsplash – https://unsplash.com
2. Pexels – https://pexels.com
3. Pngwing – https://www.pngwing.com/
4. Instacart – https://instacart.ca

？如果您喜歡這個項目，請給它一個並與朋友分享！