NFT 거래소 opensea 클론 코딩

github 전체코드

기술스택

1. react
2. ipfs-http-client
3. mobx
4. reactstrap
5. web3
6. sass

View

1.NFT 거래소 메인 페이지

2.NFT 마켓(거래) 페이지

3.NFT 민팅(생성) 페이지

4.마이 페이지

5.검색 페이지

contract

//market.sol
uint256 public feePercent; // 수수료
address payable public feeOwner; // 수수료를 받는 지갑 주소
struct NftOnSale {
      uint256 id;
      address payable seller;
      address NFTaddress;
      uint256 tokenId;
      uint256 price;
      bool sold;
}

seller: 파는 사람 주소
NFTaddress: NFT 컨트랙트 주소
tokenId: 토큰 아이디
price: 판매가격
sold: 팔렸는지 여부

market(거래) 관련된 솔리디티 파일에서 사용한 구조체이다.
처음 deploy할때 수수료도 책정할 수 있게 만들었다.

후기

6일정도 시간이 주어졌는데 2일 웹 구성, 3일 구현, 1일 배포로 마무리했다.

Lazy minting이라던가 web3 및 로그인을 백엔드에서 처리했다면 재밌었을텐데 아쉬움이 남는다.
그 만큼 DB 대신에 Contract로 구현했으나 각각 장단점이 있었다.

contract 짜면서 헷갈리는 부분이 많아 찾아보느라 시간이 많이 걸렸다.
기초가 탄탄한게 이래서 중요하구나를 다시 한번 돌아보게됬다.