GitHub MCP Tool Manager

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