nft-opensea-search

Форк
0

README.md

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

Описание

Connect crypto wallet and find NFT with OpenSea API

Языки

TypeScript

  • CSS
  • JavaScript
Сообщить о нарушении

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.