The project kept simple as possible as for the purpose being utilized for. In this case, didn't go too much in depth, but is enough to show the knowledge of using them. We must remember at the end of the day all these protocols their libraries tend to be very similar to one another, and knowing all possible libraries out there would be certainly impossible. Although knowing and understanding blockchain should be the key such as consensus, vector attacks and such, as from that you will be able to build bigger stuff, the rest is documentation.
The project is built using the following
- NextJS
- React
- Styled components (twin.macro)
- Alchemy for the NFTs provider
- The graph protocol to query data from specific blockchain
- Graphql
- Create your env from .example. (You dont need to put the private key, it is only to create smart contract with hardhat.config.)
npm installnpm run dev
Note: Please be sure to make .env, .env.test and .env.local before proceed to npm run dev.
Yes, there are various of improvements that can be introduced
- Tests aren't fully configured
- Performance improvements can be improved further more then this
- Check for type of NFT asset and load as 'gif/video' if has any upon hover or detailed view
- SEO & lighthouse score
- Further more can be discussed
https://docs.alchemy.com/docs/how-to-develop-an-nft-smart-contract-erc721-with-alchemy