'Creating Basic NFT Viewing App with ThirdWeb SDK

I'm looking to create a very basic app, where a user can connect their wallet, and display all NFTs they own from a specific collection.

I am using the ThirdWeb SDK, and React.js to do this.

So far, I have the wallet connect button in place, with the following code:

const App = () => {
const supportedChainIds = [137];
const connectors = {
injected: {},
};
return (
<ThirdwebProvider
connectors={connectors}
supportedChainIds={supportedChainIds}>
<Connect/>
</ThirdwebProvider>
);
};
export default App;

I'm wondering where I can go from here to have the app display the user's NFT art and metadata after they connect their wallet.

Apologies if this question is broad, I am new to React and JavaScript so I am feeling a bit lost.

Can anyone help point me in the right direction on how to go about implementing this?

Thanks!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source