search

BeforeIDieCode / BeforeIDieAchievements

🌟An open source project that helps developers make their first pull request and contribute to open source projects. 🚀🎯 Developers can contribute by sharing what they want to do before they die. 💡🔗
https://before-i-die-achievements.vercel.app
MIT License
117 stars 184 forks source link

🎨 Enhance Masonry Box with Contributor's Name and GitHub Profile Link #78

Closed XanderRubio closed 1 year ago

XanderRubio commented 1 year ago

Problem: When a user clicks on a masonry box, we want to display the contributor's name and GitHub profile, making it clickable and directing to the user's GitHub profile.

Currently, when a user clicks on an image, only the text describing their life goal is displayed. We want to enhance this by displaying the contributor's image and name, making it easier for viewers to see who wrote the text and access their GitHub account. Contributors are encouraged to add neat CSS designs or enhancements as they see fit.

Screenshot 2023-09-14 at 00 00 37

Solution: To address this issue, the contributor should work within the MasonryBox.jsx file. Additionally, they will need to refine the process of fetching the contributor's GitHub avatar and link from the MasonryLayout.jsx file. Consider including a small GitHub emblem for additional UI enhancement. The primary objective is to enable viewers to identify the author of the text below the Before I Die code and click on their image and/or name to be directed to their GitHub profile.

XanderRubio commented 1 year ago

This issue has been resolved and enhanced by @lefty93 from pull request #80. Great work!