ggpp0909 / N-city

거래만을 위한 현 NFT 시장에서 나아가, 개인이 보유 혹은 민팅한 NFT를 통해 자신만의 공간을 꾸미고 타 유저들과 소통할 수 있는 서비스 - SSAFY 6기 특화프로젝트 우수상

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

N-CITY 💥

0. INRTO

프로젝트 명 : N-CITY

팀 이름 : 남현동싹쓸어



1. 서비스 소개

"NFT + Metaverse"

거래만을 위한 현 NFT 시장에서 나아가, 개인이 보유 혹은 민팅한 NFT를 통해 자신만의 공간을 꾸미고 타 유저들과 소통할 수 있는 서비스

image-20220426025557831


서비스 특장점

  1. MetaMask를 통한 손쉬운 회원가입 및 로그인
  2. 인증된 사용자가 민팅한 작품 인증마크
  3. NFT 작품 및 N-City에서 제공하는 소품들로 나만의 공간 꾸미기
  4. 자신만의 공간에서 타 유저와 소통
  5. 마음에 드는 유저 팔로우

개발 기간

2022.02.28 ~ 04.08 (6주)


팀원

image-20220426030314067


ARCHITECTURE

image-20220408112320249



2. 핵심 기능

1. METAMASK LOGIN

메타마스크로그인

***메타마스크(MetaMask)**를 통한 간편하게 회원가입 및 로그인 할 수 있습니다.

*메타마스크란 ? : 이더리움(Ethhereum) 개인지갑을 편리하고 안전하게 관리할 수 있는 구글 확장프로그램.


2. 인증마크

인증신청

  1. 회원이 인플루언서, 아티스트, 기업 세 가지 유형 중 자신이 해당되는 유형을 선택하여 증빙파일과 함께 신청합니다.
  2. 관계자가 해당 파일을 검토 후 승인 및 거절을 할 수 있습니다.

상품

  1. 승인이 되었을 경우, 해당 회원이 민팅하는 작품에는 인증배지가 달리게 되며, 다른 회원이 작품을 사더라도 인증 마크가 없어지지 않습니다.

유저마크

아티스트 유저에게 나타나는 마크 예시


3. NCT 토큰

image-20220408114023310

N-City에서 모든 NFT 거래가 가능한 NCT 토큰이라는 자체 발행 화폐 단위를 사용하였습니다.


4. 상품 등록(MINTING)

민팅

회원은 자신이 만든 작품을 올릴 수 있습니다. (*MINTING)

*MINTING 이란?
: NFT를 생성하는 행위를 말하며 메타마스크 계정을 가진 모든 유저가 자유롭게 자신의 작품을 민팅할 수 있습니다.


5. 거래 및 경매

거래와경랙

보유한 NFT 토큰으로 거래 및 경매 가능합니다.

거래의 경우 즉시 구매를 뜻합니다.

경매의 경우

  • 회원이 작품 민팅 시 시작 가격을 설정할 수 있습니다.
  • 경매에 입찰하고자 하는 회원은 최초에는 시작 가격 이상의 금액을, 다른 회원이 이미 입찰했을 경우에는 해당 금액보다 높게 제시하여 경매에 입찰할 수 있습니다.
  • 경매 마감 시간이 되었을 경우, 제일 높은 금액으로 입찰한 회원이 Confirm 버튼을 누르면 해당 회원에게 소유권이 넘어가게 됩니다.

6. MY ROOM 꾸미기

에디팅

  1. NFT로 방 꾸미기

    • 회원이 작품 구매 시 마이룸에 전시할 수 있습니다.

    • 가까이가면 R키를 눌러 크게 감상할 수 있으며 작품을 구입 및 입찰할 수 있습니다.

    • 음악 카테고리에 해당되는 작품을 구매했을 경우, 회원의 마이룸에서 bgm으로 감상할 수 있으며 판매 등록한 작품이라면 다른 유저가 구매 가능합니다.

    • 캐릭터 카테고리에 해당되는 작품을 구매했을 경우, 마이룸의 캐릭터로 사용 가능합니다.

  1. 아이템으로 방 꾸미기

    • 회원은 N-City에서 제공하는 다양한 아이템들(타일, 벽지, 의자, 기타 소품 등)로 자신의 개성에 맞게 방을 꾸밀 수 있습니다.

    • 화이트보드는 그림판 방명록으로 R키를 눌러 사용할 수 있습니다.

    • 의자는 E키를 눌러 앉을 수 있습니다.


7. 실시간 채팅 및 유저간의 만남

모임

같은 방에 있는 회원들은 채팅으로 작품에 대한 정보 교환 및 토론과 같은 실시간 상호작용이 가능합니다.



3. 실행 방법

소스코드 다운로드

$ git clone https://lab.ssafy.com/s06-blockchain-nft-sub2/S06P22E106.git

BackEnd

  1. 디렉토리 이동

    $ cd backend
    
  2. gradle 프로젝트를 빌드합니다.

    $ ./gradlew build
    
    • 정상적으로 빌드가 완료되면 build 폴더가 생성된 것을 확인 가능

    • ./gradlew build 가 안되면 아래 명령어를 실행 후 빌드

      $ chmod 777 gradlew
      
  3. 실행

    $ java -jar build/libs/ncity-0.0.1-SNAPSHOT.jar app.jar
    

FrontEnd

  1. 디렉토리 이동

    $ cd frontend
    
  2. 필요한 package 설치

$ npm i
  1. 실행
$ npm start

GAME

  1. 디렉토리 이동

    $ cd game
    
  2. 필요한 package 설치

    $ npm i
    
  3. 실행

    $ npm start
    

About

거래만을 위한 현 NFT 시장에서 나아가, 개인이 보유 혹은 민팅한 NFT를 통해 자신만의 공간을 꾸미고 타 유저들과 소통할 수 있는 서비스 - SSAFY 6기 특화프로젝트 우수상


Languages

Language:TypeScript 66.6%Language:Java 23.8%Language:Solidity 6.9%Language:JavaScript 2.4%Language:HTML 0.2%Language:SCSS 0.1%Language:Dockerfile 0.1%