Adding GitHub Integration and Footer UI Improvements

[premsaivarmachekuri]

Feature Enhancement Proposal

Description:

The LinkCollect project is an open-source platform designed to help users collect and organize their favorite links efficiently. I believe that by enhancing the user experience (UX) and making a few strategic additions, we can attract more stars and contributors to the project. Here are the feature enhancements I propose:

Feature Enhancements:

1. GitHub Integration in Navbar:

   Description: I suggest adding a GitHub icon and link to the project's GitHub repository in the Navbar. This feature would increase user engagement with the project's codebase by providing quick and easy access to the project's source code, issues, and discussions on GitHub.

   Benefits:

   • Improved Visibility: Users will be more aware of the project's presence on GitHub, which can lead to increased visits and interactions.
   • Encourage Contributions: A prominent GitHub link in the Navbar encourages users to contribute to the project, submit issues, or even star the repository.
   • Enhanced Credibility: Linking to the project's GitHub repository adds a level of transparency and trustworthiness, making users more confident in using the service.

2. Footer UI Enhancements:

   Description: The footer of the LinkCollect website is a valuable area for improving user engagement and navigation. To achieve this, I propose enhancing the footer by incorporating social media icons, additional navigation links, and overall visual improvements.

   Specific Changes:

   • Social Media Icons: Add icons and links to the project's social media profiles, such as Twitter, Facebook, and LinkedIn, in the footer.
   • Visual Improvements: Apply a modern and visually appealing design to the footer to enhance the overall look and feel of the website.

Screenshots:

Additional Context:

As a contributor with prior experience in enhancing the UX/UI of open-source projects, I have seen firsthand how these improvements can significantly benefit a project. In previous projects, similar enhancements have not only attracted more users but also fostered a stronger sense of community and collaboration. By implementing these proposed feature enhancements, I aim to increase the LinkCollect project's visibility, credibility, and user engagement, ultimately leading to a more successful and thriving open-source community. Your support and consideration of these enhancements will undoubtedly contribute to the project's long-term success.

• Read GitHub Community Guidelines
• I would like to work on this issue

[Kedarnath-Rothe]

Please assign this issue to me

[premsaivarmachekuri]

Ok Will be working on it.

…

On Sat, Oct 7, 2023, 4:43 PM Harsh ***@***.***> wrote: Thank you for your feature enhancement proposal for the LinkCollect project. We appreciate your dedication to improving the platform and attracting more contributors. After carefully reviewing your proposal, we have decided not to include the GitHub integration in the Navbar at this time. However, we recognise the value of enhancing the footer, and we would like to invite you to work on the footer icon addition feature. Footer UI enhancements, such as adding social media icons and improving the overall visual design, can indeed contribute to a better user experience and engagement. Your expertise in enhancing UX/UI in open-source projects aligns with our goals for LinkCollect. Please use Official Icons and consistent colour and sizing of the icons. You can add a screenshot of your changes in your PR or here in this issue We encourage you to proceed with the proposed changes to the footer. If you have any questions or need assistance along the way, please feel free to reach out. Your efforts in this area will be a valuable addition to the project, and we look forward to seeing the improvements you make. Thank you for your commitment to LinkCollect, and we appreciate your contributions to our open-source community. — Reply to this email directly, view it on GitHub <#168 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2NVDOIWIICJBCCZTDNBZTTX6E2LZAVCNFSM6AAAAAA5WWYZNWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONJRGY4DINBSHE> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[premsaivarmachekuri]

Hi @Harsh8055
I encountered a Prettier error when using official icons for social media links. Despite trying various solutions found on Stack Overflow and other sources, the error persisted. Here's what I did to resolve it:

Install eslint-plugin-prettier

I attempted to resolve the issue by installing eslint-plugin-prettier as follows:

npm install eslint-plugin-prettier --save-dev

Screenshot of Code

Here's a screenshot of the code snippet that was causing the issue:

Prettier Error

Despite installing the eslint-plugin-prettier, the same error persisted:

If you have a solution or suggestions for resolving this issue, please let me know.