Pular para o conteúdo
Projetos
Produto

Mellon

Workspace colaborativo de planejamento para times de software

Canvas do Mellon com um diagrama de arquitetura de aplicação ao lado do assistente de IA em modo diagrama

Sobre

O Mellon reúne num só lugar o que normalmente fica espalhado entre três ferramentas: documentos em markdown, notas em editor visual e diagramas em canvas — tudo numa estrutura de pastas aninhável, com colaboração em tempo real.

Os documentos se conectam entre si por wiki-links e URIs `mellon://`, com indexação automática de backlinks, então o contexto de um projeto vira uma rede navegável em vez de arquivos soltos. Cada workspace é multi-tenant, com papéis de owner, membro e convidado.

O assistente de IA integrado conduz um fluxo em etapas — brainstorm, questionamento, especificação e diagrama — transformando uma conversa de chat em documentação de projeto pronta para o time usar.

O que eu construí

  • Back-end em NestJS com Prisma e PostgreSQL, autenticação JWT por e-mail/senha e OAuth do GitHub, e armazenamento de arquivos S3-compatível (MinIO em desenvolvimento, Cloudflare R2 em produção).
  • Colaboração em tempo real via Socket.io: sincronização otimista com locking para documentos, sessões com autoridade no servidor para os diagramas, e indicadores de presença.
  • Front-end em React 19 com Vite, TanStack Query e Zustand, incluindo editor de markdown com três modos, editor WYSIWYG e canvas de diagramas construído sobre a API do Excalidraw, carregado sob demanda e com autosave.
  • Monorepo com pnpm workspaces e Turborepo, containerizado com Docker, com interface disponível em português e inglês.

Galeria

Editor de markdown do Mellon em modo dividido, com o código à esquerda e a pré-visualização renderizada à direita
Paleta de comandos do Mellon com busca de arquivos e templates de ADR, RFC, design doc e postmortem
Próximo projetoKrebs +