GitRecording

Inspiration

From expert software engineers to those new to coding, everyone consistently needs to stay up to date with the rapidly changing landscape of technology. The fastest way to pick up a new technology is usually through sample projects and it's very convenient to follow along on video tutorials. However, it can become quite tedious to visually navigate and one may have to rewind a few times to figure out the relative orientation of code and in case they missed something. So our coding project was an attempt to find a solution to this problem.

What it does

The idea is to display a sort of "dynamic" code (code that is being typed "live") that is synchronized with an audio recording.

How we built it

We utilized simple-git api to walk through git commits and display an animation of sorts.

Challenges we ran into

We had issues with the internet and our laptops crashing as we coordinated this over a video call. Moreover, we didn't have much experience with the Angular framework, and we decided to try it out as a way to challenge ourselves. However, it was difficult to get the UI up and running but we kept at it till the end! Nevertheless, we will likely continue to work on this project even after HackViolet so we are super excited.

Accomplishments that we're proud of

We really liked the innovativeness of our idea and the fact that we were able to come up with a plan to implement it is pretty awesome! It was difficult to finish everything within the time constraints but we definitely enjoyed it a lot!

What we learned

I think we tried to challenge ourselves too much by trying to learn an entire framework in one night. It's better to work with what you know given the time constraints than try to learn something completely new overnight. That said, we don't regret challenging ourselves, but we definitely aim to be more realistic for our next hackathon!