N-CITY 💥

0. INRTO

프로젝트 명 : N-CITY

팀 이름 : 남현동싹쓸어

1. 서비스 소개

"NFT + Metaverse"

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

서비스 특장점

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

개발 기간

2022.02.28 ~ 04.08 (6주)

팀원

ARCHITECTURE

2. 핵심 기능

1. METAMASK LOGIN

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

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

2. 인증마크

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

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

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

3. NCT 토큰

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

4. 상품 등록(MINTING)

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

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

5. 거래 및 경매

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

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

경매의 경우

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

6. MY ROOM 꾸미기

1. NFT로 방 꾸미기

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

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

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

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

2. 아이템으로 방 꾸미기

   • 회원은 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

3. 실행

$ npm start

GAME

1. 디렉토리 이동

   $ cd game
   

2. 필요한 package 설치

   $ npm i
   

3. 실행

   $ npm start