MCP Tester

🚀 MCP Tester

A full-stack application designed to test MCP servers, specifically tailored for Smithery AI applications.

🚀 Quick Start

The MCP Tester is a full-stack application aimed at testing and validating the responses of MCP servers, especially for Smithery AI applications. It offers an intuitive interface for sending requests and analyzing API responses.

✨ Features

✅ MCP Server Testing – Send requests and analyze API responses. ✅ Error Handling – Leverage Axios' powerful error handling capabilities. ✅ Optimized API Processing – Efficient API calls and structured response handling. ✅ Environment Variable Management – Properly configured on both the client and server sides. ✅ Deployment Ready – The backend is hosted on Render, and the frontend is hosted on Vercel.

🔧 Technical Details

• Frontend: Vite + React
• Backend: Express.js
• API Processing: Axios
• Deployment: Vercel (frontend) & Render (backend)

📦 Installation

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

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

# Create a .env file in the client
VITE_BACKEND_URL=

npm run dev

# 3️⃣ Open a new terminal, navigate to the backend directory, and install dependencies
cd mcp-server
npm install

# Create a .env file in the server
PORT=
FRONTEND_URL=

# Start the backend server
npm start

# Start the frontend development mode
npm run dev

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