You're tasked with implementing a feature that displays a list of NFTs ( Non-Fungible Tokens) of a given address.
- The list of NFTs should be displayed as a grid of cards, with each card displaying the NFT's details.
- When a user clicks on a card, a modal should be displayed that shows more details about the NFT, such as its description and the owner's address.
- The modal should have a button that allows the user to purchase the NFT. Clicking the button should navigate them to the relevant OpenSea page.
- The design of the grid of cards and the modal is up to you, but it should be visually appealing and easy to use.
Your code will be evaluated based on the following criteria:
- Correctness: Does your code fulfil the requirements listed above? Does it handle edge cases and error scenarios?
- Code quality: Is your code organised, easy to read, and maintainable? Do you use appropriate React patterns and libraries?
- User experience: Is your interface intuitive and easy to use? Does it provide clear feedback to the user?
You have 48 hours to complete this. If you have any questions or concerns, don't hesitate to reach out to us. We're looking forward to seeing what you come up with.