TL:DR

Chainxplorer is a blockchain explorer that allows you to search for a token, an address, or a block. It also displays the latest block info and the latest crypto prices. See the demo here

1. First page displays latest crypto prices
2. Second page displays latest block info
3. Third page displays the NFTS of an address
4. Fourth page displays the erc20 tokens of an address

• NextJS
• TypeScript
• TailwindCSS
• Shadcn UI components
• Ethers and Alchemy SDK for the blockchain interaction
• React-query for data-fetching

• React-query is great, it deals with server-state, caching, errors, I feel like i've only been scratching its surface.
• NextJS's file based routing system is awesome.
• I feel like I'm not using Next's rendering system to its full potential.
• I was skeptical about inline style with tailwind but after this project I don't see myself going back to css-in-js or css modules for personnal projects.
• Alchemy's sdk is awesome, it's very easy to use and it's well documented.

• Ethers.js felt hard to use at first.
• Testing coverage with React-testing-library and Jest.
• Adding pagination to NFT page.
• Maybe try to dockerize the app and deploy it on a VPS.
• While I'm at it, setting up a CI/CD pipeline with Github Actions could be nice.