Inspiration

When I was part of a startup team reviewing others' code, I realized code reviews could be more efficient. Instead of reading each line manually, I tried pasting the code into an AI tool, which quickly identified syntax errors and provided suggestions. That’s when I thought this could be integrated into a Chrome extension.

What it does

The extension extracts the original and updated code, sends it to Chrome AI for analysis, and displays the AI's suggestions in a pop-up window. The pop-up can also be collapsed into a small icon.

How I built it

I started by adding a button to the code review page. Next, I implemented the function to extract the code. Then, I integrated the feature to send the code and prompts to Chrome AI. After that, I added a panel to display results and, finally, made UI adjustments.

Challenges I ran into

The code extraction and panel creation were challenging, but fortunately, I was able to solve them in the end.

Accomplishments that I'm proud of

I believe the extension is really helpful, and I’d definitely use it when reviewing others' code on GitHub.

What I learned

I had never developed a Chrome extension before, so I learned how to build one and found the process really interesting.

What's next for Git Review Helper

  1. Allows users to customize prompts, as different teams may have their own coding rules. This way, AI can review code according to the specific guidelines of each team.
  2. Better handle chrome AI error responses.
  3. When the code is too long, divide it into parts and send to Chrome AI, merge the response.

Built With

Share this project:

Updates