Task 12: Create NFTPage.js Component for Individual NFT Display and Purchase

[saeitoshi-10]

Description:
This issue involves creating the NFTPage.js component within the src/components directory. The page will serve two primary functionalities:

1. Display all the data of a particular NFT.
2. Allow any user to buy the NFT using a "Buy this NFT" button.

You will need to include the provided functions in the component for these functionalities.

---

Tasks:

1. Create a new file: src/components/NFTPage.js.
2. Implement the UI to display detailed information about an individual NFT.
3. Add a "Buy this NFT" button with its corresponding functionality.
4. Paste the provided functions into the component and integrate them appropriately:
   • Function 1: Fetch NFT details for display.
   • Function 2: Handle the purchase of the NFT.
5. Test the component thoroughly for correct data rendering and purchase functionality.

---

Requirements:

• The NFT data must be displayed clearly, including metadata such as name, description, price, and seller details.
• The "Buy this NFT" button should trigger the purchase functionality seamlessly.
• Ensure proper error handling and display error messages if the purchase fails.

---

Submission Guidelines:

1. Pull the latest changes before pushing to the repository.
2. Submit a pull request (PR) using the provided PR template.
3. Include screenshots of the NFTPage displaying data and the purchase process in the PR description.

---

Resources:

• [React Documentation](https://reactjs.org/docs/getting-started.html)
• [Ethereum Web3.js Documentation](https://web3js.readthedocs.io/)
• [Smart Contract Integration Guide](https://docs.ethers.io/)

Feel free to reach out on Discord for assistance or clarifications! 🚀

---

Let me know if there are additional details you'd like to include.

[PriyamJChakrabarty]

claim

[saeitoshi-10]

congratulations @PriyamJChakrabarty

[PriyamJChakrabarty]

/info

[Opencodeiiita-Bot]

User	Repo
PriyamJChakrabarty	FandomFusion-Frontend (1), AssetMart (1), SponsoHive-Backend (1)
saeitoshi-10	N/A