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 正确安装并运行。
• 如果前端或管理面板加载失败，请清除浏览器缓存。

如需进一步帮助，请随时联系！