Feature/like profile

[Priyanshu2004-Singh]

Add Profile Like Feature & Top Contributors Ranking

Description

Added a client-side like feature to profiles and Top Contributors ranking in the sidebar, enhancing user engagement without adding server complexity.

Changes Made

• Like Button: Added heart icon + count to profile cards
• Live Ranking: Top 5 contributors shown in sidebar, updates in real-time
• Persistence: Likes stored in localStorage with cross-tab sync
• Accessible UI: Added proper ARIA attributes and keyboard support

Technical Details

• Client-side storage using localStorage
• Real-time updates via custom events
• Cross-tab sync using native storage event
• No backend changes required

Testing

1. Click heart icon on any profile
2. Check sidebar for updated ranking
3. Open another tab - likes sync across tabs
4. Verify localStorage in DevTools → Application → Local Storage

Screenshots

1. Profile card with like button 2. Sidebar showing top contributors 3. localStorage state in DevTools]

Checklist

• Code follows project style
• No console errors
• Tested in multiple browsers
• Responsive design maintained
• Accessibility preserved

Note

This is a client-only implementation. If server-side persistence is needed, we can add API endpoints in a future PR.

[vercel]

Someone is attempting to deploy a commit to the Shyam Tawli's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Great job, @Priyanshu2004-Singh! 🎉 Thank you for opening a pull request. Your contribution is valuable and we appreciate your efforts to improve our project.

Soon the maintainers/owner will review it and provide you with feedback/suggestions.