code100x / daily-code

https://projects.100xdevs.com/
590 stars 724 forks source link

[Feature] Add "Go to Top" Button on Every Learning Track Page #452

Closed kushwahramkumar2003 closed 4 weeks ago

kushwahramkumar2003 commented 1 month ago

PR Fixes:

  1. Adds a "Go to Top" button on every learning track page.
  2. Enhances user navigation experience by allowing users to quickly return to the top of the page.

Resolves [#451]

Description:

This PR introduces a "Go to Top" button on every learning track page within the DailyCode platform. This feature enhances the user experience by providing a convenient way for users to quickly return to the top of the page.

Implementation Details:

Added a ScrollToTopWrapper component using the react-scroll-to-top library. Wrapped the track pages with the ScrollToTopWrapper component to enable the "Go to Top" functionality.

Before:

Screenshot from 2024-05-29 23-09-43

After:

Screenshot from 2024-05-29 23-10-23

Checklist before requesting a review

hkirat commented 4 weeks ago

/bounty $5