Skip to content

Conversation

@anmolsah
Copy link
Contributor

@anmolsah anmolsah commented Oct 15, 2025

Add Pagination for Top Coins in Crypto.jsx (#41)

Description

This PR implements pagination for the cryptocurrency dashboard in Crypto.jsx.
Now, users can navigate through multiple pages of top coins, 50 coins per page, using Previous and Next buttons.

Changes Made

  • Added a page state to track the current page.
  • Updated fetchCoins function to fetch 50 coins per page based on the page state.
  • Added Previous / Next buttons to navigate pages.
  • Centered pagination below the coin cards using standard CSS.
  • Styled buttons with hover and disabled states for better user experience.

Screenshots

pagination2 pagination1

How to Test

  1. Run the app.
  2. Observe the coin list displays 50 coins per page.
  3. Use the Next button to navigate to the next set of coins.
  4. Use the Previous button to navigate back.
  5. Check that Previous button is disabled on the first page.

@vercel
Copy link

vercel bot commented Oct 15, 2025

@anmolsah is attempting to deploy a commit to the venisha-kalola's projects Team on Vercel.

A member of the Team first needs to authorize it.

@venisha-kalola
Copy link
Contributor

add screenshot of the implementation

@anmolsah
Copy link
Contributor Author

hey @venisha-kalola ,
I’ve added the screenshots of the pagination implementation as requested.
Please have a look!

@venisha-kalola venisha-kalola merged commit b264b3c into commitra:main Oct 15, 2025
2 of 3 checks passed
@anmolsah anmolsah deleted the feature/add-pagination-crypto branch October 15, 2025 17:59
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.

2 participants