Feature ✨: Add scroll to top button

[Tejashri-Taral]

Hey @4darsh-Dev ,
I have noticed a small issue that I believe could enhance the user experience. Currently, there is no scroll to top button present on the website, which makes navigation a bit cumbersome, especially when users need to return to the top of a lengthy page.
Though it may seem minor, the absence of this feature can impact the overall usability and performance of the website.

Screenshot(Mandatory):

@4darsh-Dev ,Could you please assign me this issue under gssoc'24 ?

Are you contributing under any open-source program ?
GSSOC'24

[github-actions]

You've successfully raised your issue, We'll get back to you soon. Don't forget to star⭐ the Repo.

[4darsh-Dev]

assigned to you @Tejashri-Taral

[TheNikhilRaj]

I would like to work on this issue, please assign this to me.
@4darsh-Dev

[4darsh-Dev]

assigned to you @TheNikhilRaj

[TheNikhilRaj]

@4darsh-Dev
I have add the Add scroll to top button!

20240623235103.mp4

[4darsh-Dev]

okay, raise the PR
i'll review it.
Change color to --color-primary to match color palette.
You can add a circular progress bar on it which increases as user scrolls from top to bottom and vice-versa,
Much better.
https://codewithfaraz.com/img/scroll-to-top%20button%20with%20progress%20indicator%20using%20html,%20css,%20and%20javascript.jpg

[TheNikhilRaj]

okay, raise the PR i'll review it. Change color to --color-primary to match color palette. You can add a circular progress bar on it which increases as user scrolls from top to bottom and vice-versa, Much better. https://codewithfaraz.com/img/scroll-to-top%20button%20with%20progress%20indicator%20using%20html,%20css,%20and%20javascript.jpg

yes, i have raise the PR now you can check it!
@4darsh-Dev

[4darsh-Dev]

⚠️[URGENT]⚠️ Reminder for GSSoC 24' Contributors Please join our CogniGuard Project #general GSSoC'24 Discord channel:
Here you can discuss your queries and doubts with your mentors.
See #109 issues section.

[4darsh-Dev]

⚠️[URGENT]⚠️ Reminder for GSSoC 24' Contributors Please join our CogniGuard Project #general GSSoC'24 Discord channel:
Here you can discuss your queries and doubts with your mentors.
See #109 issues section.

[4darsh-Dev]

Hey @Tejashri-Taral ! Thank you so much for your raising the issue💗
It’s all yours, you can come anytime again and make some contributions! 🚀
Alone, we can do little, but together we can do so much! 😇