Skip to content

Latest commit

 

History

History
29 lines (19 loc) · 1.3 KB

README.md

File metadata and controls

29 lines (19 loc) · 1.3 KB
Raw

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 OpenSea API key is not free, I used the Moralis API instead, therefore not all of the filters can be implemented.

→→→→→→→→→→ 🔥 Demo 🔥 ←←←←←←←←←←

Run project locally

  1. Install all dependencies with yarn
  2. Run yarn dev for development or yarn build && yarn start for production build
  3. Navigate your browser to app