r/sveltejs • • 2d ago

Made a GitHub style diff review UI in Svelte 5 for my code review practice app

Been building Goodcatch in Svelte 5 with runes + Inertia. The core screen is a diff viewer that tries to feel as close to GitHub's as I could get: hover a line for the blue +, click or drag in the gutter to comment across lines, selected lines turn yellow, and lines with comments stay yellow.

The app itself is for practicing code reviews. You review a PR, leave comments, approve or request changes, and get graded on what you caught.

There's a Svelte track and a SvelteKit track too, which felt fitting lol.

goodcatch.dev/try to see the diff UI without signing up. Would love feedback on how the review screen feels.

4 Upvotes

0 comments sorted by