Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Pagination with 'Load More' Button for Movie List #25

Merged
merged 2 commits into from
Sep 8, 2024

Conversation

mudmykola
Copy link
Owner

Description:

This PR introduces pagination for the movie list on the homepage. Key updates include:

  • Pagination: Display 8 movies per page with a 'Load More' button to fetch and display additional movies.
  • 'Load More' Button: Added a button styled to match Netflix-like appearance. It is responsive and designed for both desktop and mobile views.
  • Responsive Design: Ensured that the pagination controls and movie list are responsive, adapting to various screen sizes for an optimal user experience.

Changes:

  • Pagination Logic: Updated the component to handle pagination, limiting the number of movies displayed at once.
  • 'Load More' Button: Implemented a button to load additional movies on click, styled for consistency with the rest of the site.
  • Styling: Enhanced the appearance of the 'Load More' button to align with Netflix-style aesthetics.
  • Mobile and Desktop Views: Adjusted styles and layout to ensure a seamless experience across different devices.

…vie list

- Added pagination to display 8 movies per page
- Implemented 'Load More' button to fetch and display additional movies
- Styled 'Load More' button to match Netflix-like appearance
- Ensured responsiveness for both desktop and mobile views
…vie list

- Added pagination to display 12  movies per page
@mudmykola mudmykola merged commit 681201a into master Sep 8, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant