girlscript / gssoc-website-new

GSSoC'24 Official Website
https://gssoc.girlscript.tech
71 stars 74 forks source link

Implement "Scroll Down Progress Bar" Align with Website's Design Theme for Improved User Experience #273

Closed MastanSayyad closed 1 week ago

MastanSayyad commented 1 week ago

Feature Description

Hey @sanjay-kv

Currently, the Girlscript Summer of Code (GSSOC) website contains lengthy pages such as "About GSSOC," "Team," "Services," "Sponsors," "Projects," "Blogs," and "Leaderboard."

Navigating through these extensive pages can be cumbersome for users, especially when they lose track of their position within the page content. (Personally I have face that issue, which is sometimes little frustrating)

Like this:

image

Example Use Case:

For example, consider a scenario where a user visits the "Projects" page on the GSSOC website. As the user scrolls through the extensive list of projects, they see a subtle progress bar at the top of the page, dynamically filling up to reflect their position on the page.

The user will find it easier to navigate through projects, quickly identifying their current position and how much content remains.

Could you please assign me this issue?