I'm writing this post at the time FTX filed for bankruptcy. Thought times for crypto, and as many others have said before, bear markets are for building. So I bring you my reflections about the Week 4 Challenge from Alchemy University #RoadtoWeb3.

TIME SPENT: I have spent some days trying to finish it because I have had to work on it at times. That said, what I liked the most about this challenge is dealing with Next JS, a React Framework based on the idea of using Blocks as logic containers.

GOAL: The goal of this challenge is to consume Alchemy NFT API, in concrete:

1. getNFTs endpoint of the Alchemy NFT API to fetch all the NFTs from an address

2. getNFTsForCollection Alchemy endpoint to fetch all the NFTs from a collection

LEARNINGS: In terms of learning, now I can say that I have basic notions of:

• Next JS. Simply and powerful React framework that supports multiple packages via npm/yarn.

• In concrete, I have used a module for truncating ETH addresses, another one for showing a tooltip when hovering over an element, and finally a module to copy to the clipboard and address directly.

• Tailwind, oh men... this CSS framework is the greatest innovation in terms of user onboarding for UX. I'm an OG who had to layout for Internet Explorer 7.0 and I have to confess that I didn't enjoy so much playing with CSS styles.

DAPP: https://nft-finder.albertogomez16.repl.co/

GITHUB: https://github.com/looppah/roadtoweb3-weekly-challenge4

PoK address: 0x413afeea60152dfCf25637100B0Ab14470826Caa

I'm writing this post at the time FTX filed for bankruptcy. Thought times for crypto, and as many others have said before, bear markets are for building. So I bring you my reflections about the Week 4 Challenge from Alchemy University #RoadtoWeb3.

TIME SPENT: I have spent some days trying to finish it because I have had to work on it at times. That said, what I liked the most about this challenge is dealing with Next JS, a React Framework based on the idea of using Blocks as logic containers.

GOAL: The goal of this challenge is to consume Alchemy NFT API, in concrete:

1. getNFTs endpoint of the Alchemy NFT API to fetch all the NFTs from an address

2. getNFTsForCollection Alchemy endpoint to fetch all the NFTs from a collection

LEARNINGS: In terms of learning, now I can say that I have basic notions of:

• Next JS. Simply and powerful React framework that supports multiple packages via npm/yarn.

• In concrete, I have used a module for truncating ETH addresses, another one for showing a tooltip when hovering over an element, and finally a module to copy to the clipboard and address directly.

• Tailwind, oh men... this CSS framework is the greatest innovation in terms of user onboarding for UX. I'm an OG who had to layout for Internet Explorer 7.0 and I have to confess that I didn't enjoy so much playing with CSS styles.

DAPP: https://nft-finder.albertogomez16.repl.co/

GITHUB: https://github.com/looppah/roadtoweb3-weekly-challenge4

PoK address: 0x413afeea60152dfCf25637100B0Ab14470826Caa