Skip to content

당신의 디지털 자산을 안전하게 관리하고 손쉽게 거래하도록 도와줄게요! 😎 NFT 발급 및 거래 웹 서비스

Notifications You must be signed in to change notification settings

dawit95/NECommerce

 
 

Repository files navigation

로고

NECommerce

당신의 디지털 자산을 안전하게 관리하고 손쉽게 거래하도록 도와줄게요! 😎


0. 목차

1. NECommerce 소개
2. 핵심기능
3. 기술 스택 및 아키텍처


1. NECommerce 소개

🖌 개요

NFT E-Commerce

디지털 이미지를 NFT로 발급해 디지털 자산의 소유권을 증명했으며 추가적으로 ERC-20 기반의 token을 통해 사용자 간의 NFT 거래를 가능하게 했습니다.

🦊 MetaMask 지갑을 활용하여 사용자의 UI/UX 편의성과 사용성을 높였습니다.

  • 개발 기간 : 2021.08.30 ~ 2021.10.08
  • 주제 : NFT 발급과 자체 토큰인 NE를 화폐로 NFT를 거래할 수 있는 웹 서비스

👨‍👩‍👦‍👦 팀원소개

Name 최다윗 고노윤 윤영은 임영찬
Role 👑팀장
ERC-20 작성 및 배포
📹UCC 담당자
ERC-20 작성 및 배포
🎤발표자
ERC-721 작성 및 배포
📝발표자료 작성
ERC-721 작성 및 배포
Position Backend
CI/CD
Backend
Frontend
Backend
Frontend
Backend
Frontend
Git @dawit95 @nohyoonko @yeongeun109 @lim8662

⛓ 블록체인

ERC-20, ERC-721 모두 Ropsten Testnet에 배포해서 사용했습니다.

  • ERC-20 기반의 자체 코인(NE) 사용

ERC-20

  • ERC-721 기반의 NFT 발행 및 거래

ERC-721


✨ 차별점

메인넷 환경과 가장 비슷한 Ropsten 테스트넷을 사용해 스마트 컨트랙트 개발환경의 최적화를 진행했습니다.

테스트넷에 ERC-20, ERC-721 스마트 컨트랙트를 배포하여 사용했습니다.

  • ERC-20 스마트 컨트랙트는 10만개의 NE 토큰을 생성해 사용자의 거래 코인으로 사용되게 구현했습니다.
  • ERC-721 스마트 컨트랙트는 특정 이미지 url에 대하여 소유권을 증명하는 NFT를 생성하고 소유자가 사이트를 통해 안전하게 거래할 수 있도록 서비스를 제공합니다.

2. 핵심기능

1️⃣ 상품 목록 조회 - 메인 페이지

메인 페이지에서는 판매 등록된 모든 NFT 상품의 목록 조회가 가능합니다.

Art, Photo 두 개의 카테고리 별 분류와, 제목/소유자 기반 검색어로 필터 기능을 제공합니다.

메인페이지


2️⃣ NFT 발급

NFT 상품명과 이미지 URI, 상품 설명, 카테고리를 입력 받아 NFT를 발급합니다.

NFT_발급

3️⃣ 소유한 NFT 조회 - 마이 페이지

마이페이지로 이동하려면 먼저 메타마스크의 지갑과 연결을 해야합니다.

연결이 완료되면 Wallet 탭에서 지갑의 계정 주소와 이더잔액, 그리고 NE 토큰의 잔액이 보이고 충전 버튼을 통해 5NE씩 충전할 수 있습니다.

My NFT 탭에는 사용자가 소유한 NFT들을 조회할 수 있습니다.

마이페이지

4️⃣ NFT 거래 기능

  • 판매

사용자가 소유한 NFT 상세 페이지에서 NE 토큰 가격을 설정해 판매 등록을 할 수 있습니다.

판매 등록이 완료되면 메인 페이지의 거래 목록에 올라가게 됩니다.

판매_등록

  • 구매

구매 버튼을 누르면 메타마스크가 호출되며 사용자가 서명하면 해당 NE 가격만큼 송금됩니다.

또한 블록체인 상의 NFT의 소유자가 바뀌고 마이페이지의 My NFT 탭에서 구매한 NFT를 확인할 수 있습니다.

구매



3. 기술 스택 및 아키텍처

🛠 기술 스택

Frontend :

Backend :

Tool :


⚙️ 아키텍처

아키텍처



fin.

About

당신의 디지털 자산을 안전하게 관리하고 손쉽게 거래하도록 도와줄게요! 😎 NFT 발급 및 거래 웹 서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 56.1%
  • JavaScript 23.6%
  • Solidity 19.2%
  • Other 1.1%