mcp-tester
A full-stack application for testing MCP servers, specifically for the Smithery AI app.
Added on 3/28/2025
๐ MCP Tester
A full-stack application for testing MCP servers, specifically for the Smithery AI app.
๐ Overview
MCP Tester is a full-stack application designed to test and validate MCP server responses for the Smithery AI app. It provides an easy-to-use interface for sending requests and analyzing API responses.
๐ Features
โ
MCP Server Testing โ Send requests and analyze API responses
โ
Error Handling โ Robust error handling with Axios
โ
Optimized API Handling โ Efficient API calls with structured responses
โ
Environment Variables โ Properly managed in both client and server
โ
Deployment Ready โ Backend on Render, Frontend on Vercel
๐ ๏ธ Tech Stack
- Frontend: Vite + React
- Backend: Express.js
- API Handling: Axios
- Deployment: Vercel (Frontend) & Render (Backend)
๐ Setup, Installation & Deployment (One Go)
# 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
Similar Resources
Developer Tools