MCP Server Tester logo

MCP Server Tester

by Bhavitha Kothagundla

A web application that allows users to test the connectivity and functionality of an MCP server by providing its URL or installation code. It verifies connectivity, fetches responses, and displays results clearly.

View on GitHub

Last updated: N/A

MCP Server Tester šŸš€ A web application that allows users to test the connectivity and functionality of an MCP server by providing its URL or installation code. šŸ”¹ Features āœ… Accepts an MCP server URL or installation code āœ… Verifies connectivity and fetches response āœ… Displays results clearly āœ… Handles errors gracefully āœ… Deployed on Netlify (Frontend) and Render (Backend) šŸ”¹ Tech Stack Frontend: HTML, CSS, JavaScript

Backend: Node.js, Express.js

Hosting: Netlify (Frontend), Render (Backend)

šŸ“Œ Live Demo & Repository šŸ”— Live App: creative-torte-69268c.netlify.app šŸ”— GitHub Repository: https://github.com/kothagundlabhavitha/mcp-server-tester šŸš€ How to Run the Project Locally 1ļøāƒ£ Clone the Repository bash Copy Edit git clone https://github.com/your-username/mcp-server-tester.git cd mcp-server-tester 2ļøāƒ£ Install Dependencies bash Copy Edit npm install 3ļøāƒ£ Start the Backend bash Copy Edit node server.js The backend will start on http://localhost:3000

4ļøāƒ£ Open the Frontend Open index.html in a browser

Or use Live Server extension in VS Code

šŸ“Œ How It Works 1ļøāƒ£ Enter a valid MCP Server URL (e.g., from Smithery) 2ļøāƒ£ Click "Test MCP Server" 3ļøāƒ£ The app sends a request to the backend (Node.js on Render) 4ļøāƒ£ The backend checks the MCP server and returns the response 5ļøāƒ£ The result is displayed on the webpage āš ļø Troubleshooting If you see "Cannot GET /", ensure the backend has a / route:

js Copy Edit app.get("/", (req, res) => res.send("MCP Server Tester Backend is running!")); If the frontend shows "Unexpected token '<'", your backend might be down. Check the Render logs for errors.

If "Failed to fetch", ensure the backend URL is correct in script.js:

js Copy Edit const backendUrl = "https://mcp-server-tester-e4xf.onrender.com"; šŸ“Œ Deployment Details Frontend: āœ… Netlify → creative-torte-69268c.netlify.app

Hosted using Netlify for quick, free deployments

Backend: āœ… Render → https://mcp-server-tester-e4xf.onrender.com

Hosted on Render for a free, always-online backend šŸ›  Future Improvements šŸ”¹ Better error handling šŸ”¹ More test cases for different MCP servers šŸ”¹ Improved UI/UX

šŸ‘Øā€šŸ’» Author Bhavitha Kothagundla