Inspiration
Gorce is a similar application that is written in c++ and ran on local repositories. Instead of cloning the repo and running gorce we wanted to build a web app.
What it does
Git-Vis takes a public repo URL and displays the file structure over time in an interactive network graph. As git-vis iterates through the commits, it will change the files displayed to reflect the changed state by that commit.
How we built it
We decided to use react as our frontend and python for the back end requests. React was ideal for the design decision to make the application interactive. Python was chosen for backend because of our group's expertise in the language. We also wanted to try out react for this project and thought it was a good introductory.
Challenges we ran into
The biggest challenge we ran into was using the flexible d3.js library. It was tough figuring out the d3 library because our group had very little experience and a plethora of parameter tweaking to get the right look.
Accomplishments that we're proud of
We are proud to finish the project with the core functionality. There is always room for improvement but with the shortened timeframe we are glad to have it working the way we wanted to.
What we learned
We learned basic react and a good amount of how d3 is structured. Our group had very little experience with react and was taking on this project as a way to learn how the framework functioned.
What's next for Git-Vis
We would like to improve the transition animations to give the application a smoother look. Have settings to change rate of refresh and time choice for commit.
Log in or sign up for Devpost to join the conversation.