MergeMate — Compara y fusiona código
Herramienta de escritorio para comparar y fusionar código. Soporta tres modos: comparación de carpetas completas con árbol unificado por color, comparación de dos archivos individuales (texto e imágenes), y editor libre para pegar código directamente. Incluye visor de diferencias línea por línea con Monaco Editor con capacidades de fusión, comparador de imágenes con zoom y slider, tabs estilo VS Code con icono por tipo de archivo, e interfaz multiidioma.
- Node.js 18+
- npm 9+
npm install
npm run dev| Comando | Resultado |
|---|---|
npm run dist:win |
dist/MergeMate-Setup.exe |
npm run dist:mac |
dist/MergeMate.dmg |
npm run dist:linux |
dist/MergeMate.AppImage |
npm run dist |
Todas las plataformas |
- Tres modos de comparación — carpetas completas, dos archivos individuales o editor libre para pegar código directamente
- Visor de diferencias — Monaco Editor lado a lado con navegación entre bloques y capacidades de fusión
- Visor de imágenes — slider, zoom, lado a lado y vista individual; soporta PNG, JPG, SVG, WebP y más
- Historial de comparaciones recientes — hasta 8 entradas con reapertura automática en el modo correcto
- Interfaz en 5 idiomas — español, inglés, alemán, francés y portugués con detección automática del OS
Ver el detalle completo de funcionalidades →
- Electron — shell de escritorio
- React 18 + TypeScript — interfaz de usuario (modo estricto)
- Vite + electron-vite — herramientas de compilación
- Monaco Editor — visor de diferencias
- Tailwind CSS — estilos con tema oscuro
- shadcn/ui — componentes de UI accesibles (Button, Separator, Progress, Tooltip) basados en Radix UI
- electron-store — persistencia del historial de comparaciones recientes y estado de ventana
- electron-updater — actualizaciones automáticas desde GitHub Releases
- react-compare-slider — visor comparativo de imágenes con slider
- @iconify/react + @iconify/icons-devicon — iconos de tipo de archivo por extensión
- Lucide React — íconos de interfaz
- i18next + react-i18next — internacionalización (ES / EN / DE / FR / PT), detección automática del idioma del OS
MergeMate es un experimento en desarrollo acelerado de software: una herramienta completamente funcional construida en colaboración con Claude (Anthropic) para demostrar lo que es posible cuando la IA acompaña cada paso del proceso — desde la arquitectura hasta los detalles de UX. Cada funcionalidad, decisión de diseño y línea de código ha sido co-creada en esa dinámica, no generada automáticamente.
El proyecto nace en Guatemala 🇬🇹 y está abierto a colaboraciones de todo el mundo. El idioma principal del proyecto (código, issues, PRs y discusiones) es el español.
🚧 En desarrollo activo — el proyecto crece con nuevas funcionalidades y mejoras de forma continua. Si tienes ideas o quieres contribuir, eres bienvenido.