GitHub MCP Tool Manager

A modern web application for managing GitHub tokens and accessing development tools.

Features

• GitHub Token Management: Securely add, update, and validate your GitHub personal access tokens.

• Tool Dashboard: Access and manage various development tools integrated with your GitHub account.

• Responsive UI: Clean, modern interface with dark mode support.

• Secure Storage: Tokens are stored securely on the backend and never exposed to the client.

• Accessible: Access all GitHub tools and features in one place.

Tech Stack

• Frontend: React, TypeScript, Tailwind CSS

• Backend: Express, Node.js, Drizzle ORM, Zod, MongoDB

Getting Started

Prerequisites

• Node.js (v18+ recommended)

• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Rohitkumar0056/GitHub-MCP.git cd GitHub-MCP

2. Install dependencies:

   npm install

3. Configure environment variables:

   • Copy .env.example to .env and fill in your values (see .env for reference).

4. Run the development server:

   npm run dev

Building for Production

Project Structure

• client/ — React frontend (entry: client/src/main.tsx)

• server/ — Express backend API

• shared/ — Shared types and schema (Zod, Drizzle)

• components.json, tailwind.config.ts, postcss.config.js — UI and styling config

Usage

1. Connect your GitHub Token:
   On the landing page, enter your GitHub personal access token.
   How to create a token?

2. Access Tools:
   After connecting, access the dashboard to use available tools.

3. Update Token:
   Use the dashboard menu to update your GitHub token at any time.

Development Notes

• Token Security: Tokens are never sent to third-party services and are only used for GitHub API requests.

• Extending Tools: Add new tools by extending the backend service and updating the frontend dashboard.

Scripts

• npm run dev — Start development servers (client + server)

• npm run build — Build client and server for production

• npm start — Start production server

License

MIT