Enhance Mobile User Experience by Limiting Initial Tweet Display in Testimonials Component

[idealgeek007]

Description:

Currently, all tweets in the Testimonials component are displayed by default, leading to a cluttered user experience on mobile devices. Users are required to scroll excessively to view the content, which is not ideal for usability.

Expected Behavior:

Initially, a limited number of tweets (e.g., 8) should be displayed.
A "Show More" button should be available for users to expand and view additional tweets.
Once expanded, a "Show Less" button should allow users to collapse the list back to the initial view.

Current Behavior:

All tweets are shown by default without any option to toggle visibility, resulting in excessive scrolling, especially on mobile devices.

too_much_scrolling.mp4

Steps to Reproduce:

Open the Testimonials section on a mobile device or a browser window with a small screen.
Observe that all tweets are displayed without any option to collapse or limit the view.

Proposed Solution:

I have implemented a solution that limits the initial number of displayed tweets to improve user experience. It includes:

A "Show More" button to expand and display additional tweets.
A "Show Less" button to collapse back to the initial view.

proposed_solution.mp4

Request:

I would like to request to be assigned this issue under Hacktoberfest, this enhancement will significantly improve usability for users on mobile devices.

[idealgeek007]

/assign