Skip to content

[Feature]: Add hover effects to skill and topic tags on Compare page #828

@arpan-adhikary26

Description

@arpan-adhikary26

What problem does this solve?

The skill, topic, and career opportunity tags on the Compare page are currently static. Adding subtle hover effects would improve user experience and make the interface feel more interactive.

Proposed solution

Add smooth hover effects to all tags displayed in:

  • Topics Covered
  • Career Opportunities
  • Shared Skills
  • Unique Skills

Alternatives considered

  • Keeping the existing static tags with no hover interactions. This was not chosen because users receive no visual feedback when interacting with the tags.

  • Adding complex animations such as continuous floating effects or color-changing transitions. This was avoided to maintain a clean and professional user experience.

  • Making tags fully clickable with navigation behavior. This was not selected because the current scope focuses only on improving visual feedback and user interaction.

The chosen approach is to add subtle hover effects (scale and transition) that improve interactivity while preserving the existing design language and performance.

Which part of the app does this affect?

Homepage and form

Estimated complexity

Small (a few lines of CSS or JS)

Before submitting

  • I searched existing issues and this has not been requested before.
  • This change would benefit contributors beyond my own use case.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions