cover-img

GIT in pictures

What is git? How it works? Do you now how git keep history of our code?

27 November, 2022

13

13

1

Contributors

Goal

There are so many great online articles about git, but I rarely see explanations with visual illustrations. So main aim of this article is to get a better understanding about the git using illustration and emphasize the meaning and role of each command.

What is GIT?

Git is a version control system.

What is Version Control System?

Version control system is tool help for detecting and keep tracking changes made for the files. Git is one of the tool for version controlling.GIT is a version control system tool to help recording the changes of file.
img

Version Control

GIT

How version control manage using the tool call git is shown in the following illustration.
img

git

What is the git local and remote?

img

local vs remote

Local: It is the developers local machine. We install git tool in our local machine to use the version control system in our computer.
Remote: It is the cloud. GitHub is good example for cloud service for remote repository maintenance.
Anyone who has access to the remote, they can make a copy from remote to the local.
img

local vs remote

First we talk about what is git local.

Git local

Git local has mainly four sections.

Stash: A place were to hide modifications until you work on something else.

Workplace: Current working copy.

Index: Staging area for file changes to commit. This is current directory cache.

Local Repository: A directory name .git that contains all of your necessary repository files.

Git remote

List remote branches.

git commands

1. Clone repository onto local machine
img

clone reposotory

2. List which files are staged, unstaged, and untracked
img

status of the repository files

3. Staged the file with changes.
img

add files with changes

4. Commit the staged snapshot, but instead of launching a text editor, use as the commit message.
img

commit message

5.

Update remote repository with local repository updates
img

push changes to remote repository

6. Check out a new branch
img

checkout to branch

7. Join two or more development histories together.
img

merge branch

8. show unstaged changes between your index and working directory.
img

difference of file changes in working directory

9.

Download objects references from remote repository.
img

fetch from remote

10. Show logs with difference each commit introduces.
img

history of commits

Thank you for reading !! . I hope this visual illustration will helpful for you to understand actually what happens when we use each and every git command. ❤️ :)

To be continued...

git

illustration

develevate

mindmap

13

13

1

git

illustration

develevate

mindmap

Senali
Fullstack developer | Open source contributor | Hackathon winner

More Articles

Showwcase is a professional tech network with over 0 users from over 150 countries. We assist tech professionals in showcasing their unique skills through dedicated profiles and connect them with top global companies for career opportunities.

© Copyright 2025. Showcase Creators Inc. All rights reserved.