Sadiastic Full Stack Clothing Store

プロジェクトをセットアップして実行する方法

前提条件

1. Node.js をインストールします。

   • 公式 Web サイトから Node.js をダウンロードしてインストールします: https://nodejs.org/en/download/
   • インストールを確認します。

     node -v
     npm -v

2. Git をインストールします。

   • Git がシステムにインストールされていることを確認します: https://git-scm.com/

3. MongoDB とストライプ:

   • 支払い処理用に 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. ストライプ決済:
   • 支払いは、Stripe が.envファイルで正しく設定されている場合にのみ機能します。
4. 環境変数:
   • 必要なすべての変数がそれぞれの.envファイルに正しく設定されていることを確認してください。

---

トラブルシューティング

• 問題が発生した場合は、ターミナルのログでエラーを確認してください。
• Node.js と MongoDB が正しくインストールされ、実行されていることを確認します。
• フロントエンドまたは管理パネルの読み込みに失敗した場合は、ブラウザのキャッシュをクリアします。

さらにサポートが必要な場合は、お気軽にお問い合わせください。