This is an skeleton app that uses the Alchemy SDK rigged to Alchemy's Enhanced APIs in order to display all of an address's ERC-721 tokens, including a call to any image attached to their metadata.
- Install dependencies by running
npm install - Start application by running
npm run dev
Fork this repo and build out more features! This is minimalistic on purpose.
We purposefully built this out to be a skeleton version of what can be the next big thing so that you can practice some software development! Here are a few challenge suggestions:
- Add Wallet integration so that any user that connects their wallet can check see their NFTs in a flash!
- There is no indication of a request in progress... that's bad UX! Do you think you can add some sort of indication of loading?
- Add some styling! 🎨
- The NFT images can sometimes appear and sometimes not... can you think of ways to fix that?
- There is no error-checking for wrongly formed requests, or really any error checking of any kind... can you add some in?
- The images and grid display could look better... anything you can do about that?
- There are ways to make this app faster... can you implement some of them? How can the query be made even quicker?
- Can you add ENS support for inputs?
- The code has no commenting... bruh! Clear documentation is a clear path for other developers to understand and build on your code... think you can add clear commenting?
- Completely open-ended!! Use this as the base for your next hackathon project, dream company or personal expedition :)