Skip to content

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

Open
@idealgeek007

Description

@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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions