You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
feature: Add 1-click comparison preset chips on Homepage Empty State #220
When first arriving at DevImpact without query parameters, the home screen displays an empty state. We should add clickable example preset pills (e.g., 'Linus Torvalds vs Dan Abramov', 'Evan You vs Anthony Fu', 'Guillermo Rauch vs Lee Robinson') so users can immediately test the platform with 1 click.
Motivation
Instant gratification prevents first-time bounce rates and lets visitors see the product in action right away with zero typing, encouraging them to star the repo and share it.
Tasks
Create a curated list of well-known open-source developer pairs in a config/constant file.
Render clickable suggestion chips under the compare form in HomePageClient when no comparison has been run yet.
Clicking a preset chip should automatically fill username1 and username2 and trigger the comparison flow.
Include smooth loading transitions and accessible keyboard navigation (Tab + Enter/Space).
Add translation keys for preset labels and headers.
When first arriving at DevImpact without query parameters, the home screen displays an empty state. We should add clickable example preset pills (e.g., 'Linus Torvalds vs Dan Abramov', 'Evan You vs Anthony Fu', 'Guillermo Rauch vs Lee Robinson') so users can immediately test the platform with 1 click.
Motivation
Instant gratification prevents first-time bounce rates and lets visitors see the product in action right away with zero typing, encouraging them to star the repo and share it.
Tasks
HomePageClientwhen no comparison has been run yet.username1andusername2and trigger the comparison flow.Files to Check
src/features/comparison/components/home-page-client.tsxsrc/features/comparison/components/compare-form.tsxsrc/locales/en.json&src/locales/ar.jsonTip
🚀 Want to contribute?
Comment
assign meto be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨