nft-opensea-search
Cerulean Blue technical task
Description
You are tasked to build a simple app to search for NFTs from OpenSea API.
Following are the steps to follow:
- Connect to a Web3 Wallet, using web3modal
- Display your wallet's balance for two currencies namely, ETH and USDC
- Build a Search component, which uses OpenSeaAPI in order to fetch data
- Have interactive filters such as Cost, Date etc. to filter data
- Lastly make the layout mobile responsive and performant.
Note: This task has a 50% weightage towards Engineering and 50% weightage towards Design Aesthetics. Original Designs will be preferred, compared to out of the box UI library components.
Tech Stack: Use React.Js or Next.Js, alongside Material UI for components.
Solution
Because
is not free, I used the
instead, therefore not all of the filters can be implemented.
→→→→→→→→→→ 🔥 Demo 🔥 ←←←←←←←←←←
Run project locally
- Install all dependencies with yarn
- Run
for development oryarn dev
for production buildyarn build && yarn start - Navigate your browser to app
Описание
Connect crypto wallet and find NFT with OpenSea API
Языки
TypeScript
- CSS
- JavaScript