Repolode
Enviar
pcottle

pcottle/learnGitBranching

Visualizador interactivo de git y tutorial en el navegador que muestra cómo cambian los commits al ejecutar comandos.

Ver en GitHubSitio web
Estrellas
34,187
Forks
6,033
Issues abiertos
54
Último commit
anteayer

¿Qué es?

LearnGitBranching es un visualizador de repositorios git, un entorno de pruebas y un conjunto de tutoriales y desafíos. Dibuja el árbol de commits y lo actualiza al ejecutar cada comando, para que puedas ver qué hacen realmente branch, merge, rebase o reset en el historial, algo difícil de imaginar cuando solo trabajas en la terminal.

La aplicación se abre en modo de pruebas con un repositorio ya preparado donde puedes experimentar libremente y usar comandos como undo y reset para recuperarte. Sus niveles están organizados en pestañas que abarcan conceptos como repositorios locales y remotos. Cada nivel registra cuántos comandos usaste e incluye un desafío de «git golf» para intentar resolverlo con la menor cantidad de comandos posible.

La aplicación está hecha en JavaScript y se ejecuta íntegramente en el cliente, con Vite, sin backend ni base de datos. También puedes ejecutarla localmente, compilarla para producción o iniciarla con Docker.

Funciones clave

  • 01Visualiza el árbol de commits y lo actualiza en tiempo real al ejecutar cada comando de git.
  • 02Incluye un modo de pruebas con undo y reset para experimentar libremente.
  • 03Ofrece niveles progresivos que abarcan conceptos de repositorios locales y remotos.
  • 04Registra la cantidad de comandos usados en cada nivel e incluye un desafío de «git golf».
  • 05Permite crear niveles personalizados y compartirlos mediante JSON o enlaces a gists.
  • 06Se ejecuta íntegramente en el navegador, sin backend.

Casos de uso

  • Aprender por primera vez a crear ramas, fusionarlas y hacer rebase en git.
  • Practicar habilidades intermedias de git con desafíos por niveles.
  • Mostrar a un compañero cómo un comando de git modifica el historial.
  • Crear ejercicios personalizados de git para un taller o curso.

Inicio rápido

  1. 1

    Abre la aplicación en el navegador sin instalar nada

  2. 2

    O ejecuta la imagen estable más reciente con Docker

    docker run -p 8080:80 ghcr.io/pcottle/learngitbranching
  3. 3

    Después, visita http://localhost:8080/ en el navegador

En colecciones

Herramientas de aprendizaje y educación de código abiertoDiagramas, gráficos y visualizaciones animadas

Temas

#git#version-control#education#visualization#interactive-tutorial#javascript

Preguntas frecuentes

¿Qué es learnGitBranching?
Visualizador interactivo de git y tutorial en el navegador que muestra cómo cambian los commits al ejecutar comandos. LearnGitBranching es un visualizador de repositorios git, un entorno de pruebas y un conjunto de tutoriales y desafíos. Dibuja el árbol de commits y lo actualiza al ejecutar cada comando, para que puedas ver qué hacen realmente branch, merge, rebase o reset en el historial, algo difícil de imaginar cuando solo trabajas en la terminal.
¿learnGitBranching es gratuito? ¿Qué licencia tiene?
learnGitBranching es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿learnGitBranching sigue mantenido?
Mantenimiento activo. El último commit de learnGitBranching fue el 5 nov 2026.
¿Para qué puedo usar learnGitBranching?
Aprender por primera vez a crear ramas, fusionarlas y hacer rebase en git. Practicar habilidades intermedias de git con desafíos por niveles. Mostrar a un compañero cómo un comando de git modifica el historial. Crear ejercicios personalizados de git para un taller o curso.
¿Cómo se instala learnGitBranching?
Abre la aplicación en el navegador sin instalar nada O ejecuta la imagen estable más reciente con Docker: docker run -p 8080:80 ghcr.io/pcottle/learngitbranching Después, visita http://localhost:8080/ en el navegador
¿Dónde consigo learnGitBranching?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/pcottle/learnGitBranching

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados