This DApp uses the Alchemy SDK rigged to Alchemy's Enhanced APIs to display all the ERC-721 tokens owned by an address or ENS.
The result of the is displayed in the UI showing the NFT images and their metadata.
Cloned from Alchemy, added features by Eduardo Aire.
- main.jsx - entry point
- index.css - styles
- App.jsx - DApp main component
- components - DApp main component
- Install dependencies by running
npm install - Start the application by running
npm run dev
- Wagmi wallet connection integration on ConnectWallet.js
- Use of Chakra spinners and
isLoadingstates to improve UX's waiting time when a request is fired - Friendly UI design using fonts and colors that create a harmonic contrast and help the user to know what's happening when there's any kind of interaction with the app
- The NFT images can sometimes appear and sometimes not... can you think of ways to fix that?
- Errors and exceptions are handled using error messages displayed on the UI and popping alert windows