Implement Infinite Scroll for Recipe List

[smrutiranjanbhuyan]

TastyTrails

Infinite Scroll Issue

Overview

The infinite scroll feature in the recipe list currently displays all recipes at once, failing to load more content as the user scrolls. This limits usability, particularly when users are browsing a large number of recipes.

Current Behavior

• All recipes are displayed simultaneously, instead of loading them incrementally during scrolling.

Expected Behavior

• Additional recipes should automatically load as the user scrolls down the page, providing a smoother and more engaging browsing experience.

Example

For instance, if there are 100 recipes available, the user should initially see a set number (e.g., 20 recipes) and as they scroll down, new recipes should load automatically. Instead, all 100 recipes are shown at once, overwhelming the user and making it harder to navigate.

[github-actions[bot]]

👋 Thank you @smrutiranjanbhuyan for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

[smrutiranjanbhuyan]

Hi,

I’d like to work on the infinite scroll issue in the recipe list. I understand that it currently displays all recipes at once instead of loading them incrementally. I believe implementing this feature will enhance usability and provide a better experience for users.

Please assign it to me. Thank you!

[AlfiyaSiddique]

@smrutiranjanbhuyan We currently working on the issue of pagination. And As the website does not have much data till date we are not sure if we need this feature or not at this time. But I am sure we will need this in future. So let the issue be open but I cannot assign you right now as pagination feature is under development. Thanks for showing the interest

[smrutiranjanbhuyan]

@AlfiyaSiddique thanks for response.

[sadath2001]

Hi @AlfiyaSiddique since the pagination feature has been implemented. Can I work on this?