Currently, the book listing page in the Mibli application displays all books at once, which may become overwhelming for users with a large number of books in their catalog. To improve the user experience and optimize performance, we need to implement pagination for the book listing. Additionally, users should be able to choose the number of books displayed per page according to their preferences.
Tasks
[ ] Design and implement pagination controls (previous page, next page, page numbers) for navigating through the book listing.
[ ] Provide a dropdown or input field to allow users to select the number of books to display per page.
[ ] Pagination must use url query params.
[ ] Update the backend logic to fetch and display the appropriate subset of books based on the selected page and items per page.
[ ] Ensure that the pagination controls and items per page selector are responsive and function correctly across different screen sizes and devices.
[ ] Test the pagination functionality with various scenarios, including different numbers of books and page sizes, to verify its reliability and performance.
Additional Considerations
Provide visual feedback to indicate the current page and the total number of pages available in the pagination controls.
By implementing pagination with the option to choose the number of items per page, users can navigate through their book catalog more efficiently, leading to a better overall experience with the Mibli application.
Description
Currently, the book listing page in the Mibli application displays all books at once, which may become overwhelming for users with a large number of books in their catalog. To improve the user experience and optimize performance, we need to implement pagination for the book listing. Additionally, users should be able to choose the number of books displayed per page according to their preferences.
Tasks
Additional Considerations
By implementing pagination with the option to choose the number of items per page, users can navigate through their book catalog more efficiently, leading to a better overall experience with the Mibli application.