Project Setup Guide

Project Setup Guide

Sk-Mahammad-Irfan

Developer Tools
Visit Server

README

Project Setup Guide

This guide will walk you through the process of setting up both the backend and frontend for the project.

Step 1: Setting up the Backend

  1. Navigate to the backend directory.

    cd backend
    
  2. Install the required dependencies by running the following command:

    npm install
    
  3. Create a .env file in the backend folder and add the following environment variables:

    PORT=5000
    FRONTEND_URL=http://localhost:5173
    
  4. To run the server, use the following command:

    npm run dev
    

    The server will now be running at http://localhost:5000.


Step 2: Setting up the Frontend

  1. Navigate to the frontend directory.

    cd frontend
    
  2. Install the required dependencies by running:

    npm install
    
  3. Create a .env file in the frontend folder and add the following environment variable:

    VITE_BACKEND_URL=http://localhost:5000
    
  4. To run the client, use the following command:

    npm run dev
    

    The client will now be running at http://localhost:5173.


Additional Information

  • Ensure that both the backend and frontend are running simultaneously.
  • You can test the full application by visiting http://localhost:5173 in your browser after both the backend and frontend servers are up and running.

MCP Server Check API

This is a simple Node.js Express endpoint that checks the availability of an MCP server by querying the https://registry.smithery.ai/servers/{installationCode} endpoint using the installationCode provided in the request body. The server responds with either a success message and server data or an error message if the connection fails.

Endpoint

POST /test-server

Request Body

{
  "installationCode": "your-installation-code"
}

Response

{
  "success": true,
  "message": "MCP Server is reachable",
  "data": {
    "qualifiedName": "server-qualified-name",
    "displayName": "Server Display Name",
    "deploymentUrl": "https://deployment-url.com",
    "connections": [
      {
        "type": "http",
        "url": "https://connection-url.com",
        "configSchema": {}
      }
    ]
  }
}

For more information

For more detailed information, visit the Smithery Registry Documentation.


Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
MCP Package Docs Server

MCP Package Docs Server

Facilitates LLMs to efficiently access and fetch structured documentation for packages in Go, Python, and NPM, enhancing software development with multi-language support and performance optimization.

Featured
Local
TypeScript
Claude Code MCP

Claude Code MCP

An implementation of Claude Code as a Model Context Protocol server that enables using Claude's software engineering capabilities (code generation, editing, reviewing, and file operations) through the standardized MCP interface.

Featured
Local
JavaScript
@kazuph/mcp-taskmanager

@kazuph/mcp-taskmanager

Model Context Protocol server for Task Management. This allows Claude Desktop (or any MCP client) to manage and execute tasks in a queue-based system.

Featured
Local
JavaScript
Linear MCP Server

Linear MCP Server

Enables interaction with Linear's API for managing issues, teams, and projects programmatically through the Model Context Protocol.

Featured
JavaScript
mermaid-mcp-server

mermaid-mcp-server

A Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images.

Featured
JavaScript
Jira-Context-MCP

Jira-Context-MCP

MCP server to provide Jira Tickets information to AI coding agents like Cursor

Featured
TypeScript
Linear MCP Server

Linear MCP Server

A Model Context Protocol server that integrates with Linear's issue tracking system, allowing LLMs to create, update, search, and comment on Linear issues through natural language interactions.

Featured
JavaScript
Sequential Thinking MCP Server

Sequential Thinking MCP Server

This server facilitates structured problem-solving by breaking down complex issues into sequential steps, supporting revisions, and enabling multiple solution paths through full MCP integration.

Featured
Python