🚀 MCP Tester

🚀 MCP Tester

Smithery AI アプリ専用の、MCP サーバーをテストするフルスタックアプリケーションです。

📌 概要

MCP Tester は、Smithery AI アプリ向けにMCP サーバーの応答をテストおよび検証するフルスタックアプリケーションです。リクエストの送信と API 応答の分析を簡単に行えるインターフェースを提供します。

🌟 機能

✅ MCP サーバーのテスト – リクエストを送信して API 応答を分析
✅ エラー処理 – Axios による堅牢なエラー処理
✅ 最適化された API 処理 – 構造化された応答による効率的な API 呼び出し
✅ 環境変数 – クライアントとサーバーの両方で適切に管理
✅ デプロイ可能 – バックエンドは Render、フロントエンドは Vercel

🛠️ 技術スタック

• フロントエンド： Vite + React
• バックエンド： Express.js
• API 処理： Axios
• デプロイ： Vercel（フロントエンド）と Render（バックエンド）

🚀 セットアップ、インストール、デプロイ（一括）

# 1️⃣ Clone the Repository
git clone https://github.com/helloayan14/mcp-tester.git
cd mcp-tester

# 2️⃣ Install frontend dependencies & start the client
cd mcp-client
npm install

# Create .env file inside client/
VITE_BACKEND_URL=

npm run dev

# 3️⃣ Open a new terminal, go to backend & install dependencies
cd mcp-server
npm install

# Create .env file inside server/
PORT=
FRONTEND_URL=

# Start backend server
npm start

#start frontend in dev mode
npm run dev

#deployement
🔹 Frontend: https://mcp-tester.vercel.app/
🔹 Backend: https://mcp-tester.onrender.com