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.
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