https://github.com/tusharojha/visual_git
Learn Git with proper Visualization.
https://github.com/tusharojha/visual_git
github reactjs visualization
Last synced: about 2 months ago
JSON representation
Learn Git with proper Visualization.
- Host: GitHub
- URL: https://github.com/tusharojha/visual_git
- Owner: tusharojha
- Created: 2020-12-04T19:19:00.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-06-27T17:13:55.000Z (almost 3 years ago)
- Last Synced: 2025-12-15T02:14:42.990Z (6 months ago)
- Topics: github, reactjs, visualization
- Language: JavaScript
- Homepage: https://tusharojha.github.io/visual_git
- Size: 3.06 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Visual Git
Learn Git with proper Visualization. Usually beginners struggle to understand git commands because it's all CLI. This learning tool will help you create a strong understanding of git commands through visualizations shown of every command entered.
## Technical Specifications
The project is a single page web application developed in `React` and uses `gitgraphjs` as it's main dependency.
## Installation
- Make sure to have react is installed
- Clone the repository
- Open the project directory
- Run the following commands on `git bash` or `command prompt`:
```
npm install
npm start
```
This will start the `localhost:3000` server.
## Steps to use
- Open https://tusharojha.github.io/visual_git/ in your browser
- type `git init` to initalize the git repository before doing any commit
- check status using `git status`
- start doing `git commit -am test1` to commit.
## Contributing
- Contributions are most welcome and appreciated.
- Make sure to format all the files properly.
- If you face any bug or problem, file an issue to this repository with proper description of the problem.
- Add proper description about your PR's objective.
Feel free to contribute new features.