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
- First page displays latest crypto prices
- Second page displays latest block info
- Third page displays the NFTS of an address
- 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.