anuragverma108 / SwapReads

This repo is officially accepted for GSSOC'2k24. SwapReads.com is the ultimate online destination for book enthusiasts to connect, exchange favorite reads, and embark on literary adventures. Create your profile, list the books you're eager to swap, and join a vibrant community of passionate readers.
https://vermillion-sunshine-40461e.netlify.app/
MIT License
248 stars 454 forks source link

Feat: Add Floating Social Media Iconbar #2267

Closed AsmitaMishra24 closed 2 weeks ago

AsmitaMishra24 commented 1 month ago

Describe the feature

I want to add a floating social media icon bar to the homepage of our website to improve user engagement by providing easy access to our social media profiles.

Requirements

  1. Position: The icon bar should be positioned on the left side of the screen.
  2. Visibility: The bar should remain visible when the user scrolls up and down the home screen.
  3. Icons: Include icons for Facebook, Twitter, Instagram, LinkedIn, and YouTube.
  4. Links: Each icon should link to the corresponding social media profile.
  5. Responsive Design: The icon bar should be responsive and should adjust to different screen sizes (desktop, tablet, mobile).
  6. Hover Effect: When a user hovers over an icon, it should display the name of the social media platform.
  7. Accessibility: Ensure the icon bar is accessible and follows best practices for screen readers.

Add ScreenShots

Social-Media-Icons-Hover-Effect

https://github.com/anuragverma108/SwapReads/assets/146121869/e409c4fe-e3cc-40e4-bd52-605b15232376

Record

github-actions[bot] commented 1 month ago

Thank you for creating this issue! šŸŽ‰ Your issue will soon be reviewed by either the PA or a mentor. Please await their response. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! šŸ˜Š

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

github-actions[bot] commented 1 month ago

Important Note: This repository serves as a gateway for newcomers to explore open-source projects. To ensure fairness in learning, we're introducing a cap on the points awarded to individual contributors. Going forward, each contributor will be restricted to earning a maximum of 150 points. and there is no level for some too basic changes!!. This limitation specifically applies to the GSSOC project. Thank you for your understanding and cooperation in maintaining an inclusive learning environment.

github-actions[bot] commented 2 weeks ago

Hello @AsmitaMishra24! Your issue #2267 has been closed. Thank you for your contribution!