Contributing to Better Hub, an open source GitHub interface by the Better Auth team. 15 PRs authored across settings, profiles, contribution graphs, PR views, discussions, dropdowns, actions, and user profile features. Focused on UI quality, layout consistency, and fixing real usability issues across the whole codebase.
16 PRs authored. 8 merged. 8 open.
I use Better Hub as my primary GitHub interface, on both desktop and mobile. Using the product across both environments is what surfaces the issues I work on.
When something looks or behaves incorrectly, I investigate before writing any code. I reproduce the issue across devices and browsers to confirm it is consistent, then trace it to the root cause in the component. The goal is always a proper fix, not a workaround.
Once the fix is ready, I open a PR with a clear problem and solution description, along with before and after screenshots so the reviewer can evaluate the change without any guesswork.
Every contribution starts with real usage, not issue hunting. I find problems by navigating the app the way a regular user would, on different screen sizes and contexts.
Mobile overflow. Elements were overflowing and forcing horizontal scroll on narrow viewports across settings, profiles, contribution graphs, PR views, discussions, security settings, activity feeds, tags, commits toolbar, and the actions panel.
Duplicate repository list. The repo list rendered twice on mobile due to a conditional display bug. Corrected the render logic so only one instance appears.
Dropdown clipping. Dropdowns inside scrollable containers were getting cut off when opened. Switched to fixed positioning with viewport-relative placement across six dropdowns.
Branch selector tab scroll. Switching between Branches and Tags tabs preserved the previous scroll position instead of resetting. Added a list ref and reset scroll to top on each tab switch.
PR title overlap. The PR title and action buttons overlapped on small screens. Stacked them vertically on mobile to restore readability.
Large screen horizontal scroll. lg:overflow-auto was overriding overflow-x-hidden on large viewports, causing an unexpected scrollbar. Fixed with overflow-x-hidden!.
Reactions missing on diff tab. Inline review comments on the Code (diff) tab had no reaction UI, while the Conversation tab did. Added ReactionDisplay to InlineCommentDisplay in pr-diff-viewer.tsx. Also fixed a pre-existing bug in reaction-display.tsx where toggling a reaction caused duplicate avatars and a React key warning due to missing deduplication on reactionUsers state.