MCP-SERVER-API

jpzanalista/MCP-SERVER-API

3.1

If you are the rightful owner of MCP-SERVER-API and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to dayong@mcphub.com.

MCP Análise de Projetos - Projeto de Portfólio is a demonstration site for a Model Context Protocol server focused on project analysis, showcasing the integration of LLMs with project management tools.

Tools
6
Resources
0
Prompts
0

MCP Análise de Projetos - Projeto de Portfólio

📋 Sobre o Projeto

Este é um site de demonstração para um Servidor MCP (Model Context Protocol) focado em análise de projetos. A aplicação demonstra como conectar LLMs (como Claude) a ferramentas de gerenciamento de projetos através de linguagem natural.

🚀 Funcionalidades

Ferramentas MCP Implementadas:

  • get_project_status: Status e progresso de projetos
  • list_my_assigned_tasks: Listagem de tarefas atribuídas
  • get_sprint_velocity: Análise de velocidade da equipe
  • create_github_issue_from_task: Criação automática de issues
  • query_team_analytics: Consultas SQL em dados históricos
  • smart_project_insights: Análise de IA para insights

Integrações Demonstradas:

  • Jira API v3: Gerenciamento de projetos e tarefas
  • GitHub API v4: Criação de issues e controle de versão
  • Google BigQuery: Análises e relatórios avançados

🛠️ Tecnologias Utilizadas

  • Frontend: React 18 + TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS + shadcn/ui
  • Roteamento: React Router DOM
  • Estado: TanStack Query (React Query)
  • Formulários: React Hook Form + Zod
  • UI Components: Radix UI + shadcn/ui
  • Ícones: Lucide React

🏗️ Arquitetura

Padrões Implementados:

  • Arquitetura Limpa: Separação de responsabilidades
  • Type Safety: TypeScript strict + validação Zod
  • Componentização: Reutilização de componentes UI
  • Responsividade: Design mobile-first
  • Acessibilidade: Componentes Radix UI

Estrutura de Componentes:

src/
├── components/
│   ├── ui/          # Componentes base do shadcn/ui
│   ├── Hero.tsx     # Seção principal
│   ├── Features.tsx # Funcionalidades
│   ├── Dashboard.tsx # Demo interativo
│   ├── CodeShowcase.tsx # Exemplos de código
│   └── Footer.tsx   # Rodapé
├── pages/
│   ├── Index.tsx    # Página principal
│   └── NotFound.tsx # 404
└── hooks/           # Custom hooks

🚀 Como Executar

Pré-requisitos:

  • Node.js 18+
  • npm ou yarn

Instalação:

# Clone o repositório
git clone <URL_DO_REPOSITORIO>

# Entre no diretório
cd insight-commando-28

# Instale as dependências
npm install

# Execute em modo desenvolvimento
npm run dev

Scripts Disponíveis:

npm run dev      # Servidor de desenvolvimento
npm run build    # Build para produção
npm run preview  # Preview do build
npm run lint     # Verificação de código

📱 Demonstração

A aplicação inclui:

  1. Página Hero: Apresentação visual impactante
  2. Seção de Funcionalidades: 6 ferramentas MCP detalhadas
  3. Dashboard Interativo: 4 abas com dados mockados
  4. Showcase de Código: Exemplos técnicos de implementação
  5. Footer: Informações de contato e métricas

🎯 Propósito

Este projeto serve como:

  • Portfólio Técnico: Demonstra habilidades de desenvolvimento
  • Landing Page: Apresenta conceitos de integração MCP
  • Documentação Visual: Mostra como as ferramentas funcionam
  • Demo Interativo: Permite testar conceitos

📄 Licença

Este é um projeto de portfólio pessoal desenvolvido para demonstração de habilidades técnicas.