Sadiastic Full Stack Clothing Store

如何設定和運行項目

先決條件

1. 安裝 Node.js：

   • 從官網下載並安裝Node.js：https://nodejs.org/en/download/
   • 驗證安裝：

     node -v
     npm -v

2. 安裝Git：

   • 確保您的系統上安裝了 Git：https://git-scm.com/

3. MongoDB 和 Stripe：

   • 設定 MongoDB 資料庫和 Stripe 帳戶用於付款處理。

---

運行後端的步驟

1. 在 VS Code 或任何程式碼編輯器中開啟專案資料夾。
2. 導航到backend資料夾：

    cd backend

3. 安裝依賴項：

   npm install

4. 配置.env檔：
   • 將以下變數加入backend/.env檔案：

      MONGO_URI = mongodb+srv://<username>:<password>@cluster.mongodb.net/<dbname>
     STRIPE_SECRET_KEY = your_stripe_secret_key
     PORT = 5000

   • 將<username> 、 <password>和<dbname>替換為您的 MongoDB 憑證。
   • 新增您的 Stripe 金鑰。
5. 啟動後端伺服器：

   npm run server

   • 後端將在http://localhost:5000運作。

---

運行前端的步驟

1. 導航到frontend資料夾：

    cd frontend

2. 安裝依賴項：

   npm install

3. 啟動前端：

   npm run dev

4. 打開應用程式：
   • 前端將在http://localhost:5173運作。在瀏覽器中開啟此連結。

---

運行管理面板的步驟

1. 導航到admin資料夾：

    cd admin

2. 安裝依賴項：

   npm install

3. 啟動管理面板：

   npm run dev

4. 開啟管理面板：
   • 管理面板將在http://localhost:5174運作。在瀏覽器中開啟此連結。

---

筆記

1. 在啟動前端或管理面板之前，請確保後端伺服器正在運作。
2. 資料庫設定：
   • MongoDB 必須正在運行，並且您的資料庫應該具有適當的集合（ users 、 products 、 orders ）。
3. 條紋付款：
   • 只有在.env檔案中正確配置 Stripe 時，付款才會起​​作用。
4. 環境變數：
   • 確保在相應的.env檔案中正確設定所有必需的變數。

---

故障排除

• 如果遇到任何問題，請檢查終端日誌中是否有錯誤。
• 確保 Node.js 和 MongoDB 正確安裝並執行。
• 如果前端或管理面板載入失敗，請清除瀏覽器快取。

如需進一步協助，請隨時聯絡！