Add "Search Bar" to Filter NFTs by Creator's GitHub ID

[bhupendra-chouhan]

Description

Create a "NFT Search Bar" component to allow users to search for all NFTs created by a specific user using their GitHub ID.

Tasks:

• [ ] In NftList.js (path: ./src/components/Body/NftList/NftList.js), declare an array state variable called filteredNftList and a setter function _setFilteredNftList to track the filtered NFTs.

• [ ] Create a component named NftSearchBar.js (path: ./src/components/Body/NftList/NftSearchBar.js) with the following features:

  • [ ] Add an input field for users to enter a GitHub ID.
  • [ ] Add a "Search" button with an on-click handler that filters items from the nftList array and updates filteredNftList with the results.

• [ ] Import NftSearchBar.js into NftList.js and position it at the top-center above the NFT cards.

• [ ] Render NftCard.js for each item in the filteredNftList array.

[saidarshan27]

Hi, Please assign me this issue. I can contribute @bhupendra-chouhan

[bhupendra-chouhan]

You have been assigned this issue. Please make sure to explain your approach to the solution and the changes you made in your PR. All the best! @saidarshan27.

[saidarshan27]

sure, thank you

[saidarshan27]

@bhupendra-chouhan @SahityaRoy @neutr0n420

Shall we connect through discord or a meet? I have wanted some clarifications before I proceed with the issue.

[saidarshan27]

I have submitted a pull request. Please check