Git Good at Git

Inspiration

When I was first learning git it was a bit overwhelming. I was not used to using the command line and I wasn't sure what each command did. And just to test things I needed to install a number of programs, create accounts online and etc. With this project students with no knowledge of git will be able to practice on a real repository without needing to install anything and visualize the changes they make.

What it does

The user is provided with a command prompt where they can run any git command and they will be able to visualize on the same screen how the remote repository changes as they work.

How I built it

I built it using react js for the front end and nodejs with expressjs for the API. To run the git commands I used the "simple-git" library. Each command is actually ran on a temporary repository on the server so users will get the full experience of git.

Challenges I ran into

-At first I attempted to simulate the git commands but it prove too complex for the time frame. -Connecting the commands written on the front end to the api which then returned the output was tricky. -Building a treeview from the results for a list files git command.

Accomplishments that I'm proud of

-Because it is running on a real repository every git command is supported -I was able to build the UI I had originally envisioned.

What I learned

-It was the first time using the express js and simple-git libraries. -Learned how to create a "remote" repository locally.

What's next for Git Good at Git

-Cleaning up bugs. -Improve file viewers.

Built With

• express.js
• materializecss
• node.js
• react
• simple-git