mcp-tester

A full-stack application for testing MCP servers, specifically for the Smithery AI app.

Visit Server
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