Skip to content
@N0T-BAD

BlockToon

웹툰, 게임, NFT 컨텐츠 플랫폼 🚀🌈

목차

👀 프로젝트 소개
👨‍👨‍👦‍👦 팀원 소개
🔧 기술 스택
🚀 핵심 기능
🚀 기능 시연 영상
⭐ ER 다이어그램
⭐ 시스템 구조도
⚙️ 프로젝트 실행 방법
💎 라이 센스



👀 프로젝트 소개

Shinsegae Inc, 404 팀의 웹툰 플랫폼입니다.

저희는 게임과 NFT를 통해 재미와 흥미를 더한 혁신적인 플랫폼을 개발하였습니다.
출석과 다양한 게임 요소를 통해 사용자들의 참여를 촉진하고, NFT를 활용하여 할인권 개념을 도입하여 독특한 경험을 제공합니다.
이를 통해 웹툰을 더욱 재미있고 상호작용적인 환경으로 만들어 사용자들의 접근성을 향상시키고 새로운 흥미 요소를 제공합니다.



💙 배포 서버 💙
💙 배포 어드민 서버 💙

⛔️ 현재 배포중단 상태입니다 ⛔️

F12를 누르고 개발자 모드, iphone 12로 확인해주세요.




👨‍ 팀원 소개

김태근 정승훈 김수지 백고은 손원호
팀장 BE 팀원 BE 팀원 BE 팀원 FE 팀원 FE
구매 서비스
블럭 서비스
CI/CD
카카오페이 결제
Kafka
OpenFeign
레디스 캐싱
웹툰 서비스
댓글 서비스
검색, 페이징처리
구글 버킷 연동
(사진 업로드)
Kafka
멤버 서비스
게임 서비스
세션 관리
OpenFeign
Kafka
Next Auth
(Kakao API 연동)
카카오 결제 페이지
메인 페이지
블럭 이용 페이지
마이 페이지
작가 웹툰 페이지
관리자 페이지
웹툰 페이지
댓글 페이지
찜 목록
히스토리/
웹툰 구매 내역
검색 페이지


🔧 기술 스택

FE

BE

Deploy

Tool



🚀 핵심 기능

  • 블럭툰 카카오 로그인/로그아웃 하기
  • 블럭툰 웹툰 조회하기
  • 블럭툰 웹툰 검색하기
  • 출석체크, 게임(룰렛, 번호 뽑기)

  • 작가 등록하기
  • 웹툰 요청 - 등록, 수정, 삭제
  • 회차 요청 - 등록, 수정, 삭제

  • Admin 페이지
  • 웹툰 수정, 삭제 요청 관리
  • 회차 등록, 수정, 삭제 요청 관리
  • 댓글 신고 내역 관리


🚀 기능 시연 영상

🖤 로그인 🖤 🖤 웹툰 감상 🖤 🖤 Overview 🖤
로그인 웹툰 감상 Overview

🖤 작가 등록/웹툰 등록 🖤 🖤 블럭 충전 🖤 🖤 프로필 스킨 🖤
작가 등록/웹툰 등록 블럭 충전 프로필 스킨

🖤 댓글 🖤 🖤 돌림판 🖤 🖤 뽑기 🖤
댓글 돌림판 뽑기


⭐ 이벤트 스토밍



⭐ 보리스 다이어그램



⭐ ER 다이어그램



⭐ 아키텍쳐



⚙️ 프로젝트 실행 방법

FE

  • node.js 설치 및 환경변수 설정
  • npm install
  • npm install yarn
  • yarn
  • 실행중이라면 http://localhost:3000 으로 접속합니다.

BE

백엔드 프로젝트를 실행하기 전 아래 항목들을 실행해주세요.

  • DataBase(MySQL, Redis, Kafka, Zookeeper)가 실행되고 있어야 합니다.
  • MySQL Replication 설정이 되어 있어야 합니다.
  • KAKAO-PAY API를 이용하기 위해 카카오 개발자문서를 참고하여 cid, adminKey를 준비해야합니다.

환경 변수

  • 환경 변수를 바탕으로 application.yml 파일을 생성합니다.

BLOCK-service 환경 변수 설정 방법

PURCHASE-service 환경 변수 설정 방법

MEMBER-service 환경 변수 설정 방법

GAME-service 환경 변수 설정 방법

WEBTOON-service 환경 변수 설정 방법

COMMENT-service 환경 변수 설정 방법

  • 위의 과정을 마치고 프로그램을 실행합니다.


💎 라이 센스

아파치 라이센스 2.0

Popular repositories Loading

  1. .github .github Public

  2. BE-block BE-block Public

    블록 서비스 입니다.

    Java

  3. BE-member BE-member Public

    멤버 서비스 입니다.

    Java

  4. BE-comment BE-comment Public

    댓글 서비스 입니다.

    Java 1

  5. BE-webtoon BE-webtoon Public

    웹툰 서비스 입니다.

    Java 1

  6. BE-discovery BE-discovery Public

    유레카 서버 입니다.

    Java

Repositories

Showing 10 of 11 repositories
  • BE-member Public

    멤버 서비스 입니다.

    N0T-BAD/BE-member’s past year of commit activity
    Java 0 Apache-2.0 0 0 0 Updated Jun 19, 2023
  • .github Public
    N0T-BAD/.github’s past year of commit activity
    0 Apache-2.0 0 0 0 Updated Jun 19, 2023
  • blocktoon Public

    'Block Toon' 웹 모바일 페이지 입니다.

    N0T-BAD/blocktoon’s past year of commit activity
    TypeScript 0 0 0 0 Updated Jun 15, 2023
  • BE-comment Public

    댓글 서비스 입니다.

    N0T-BAD/BE-comment’s past year of commit activity
    Java 0 Apache-2.0 1 0 0 Updated Jun 14, 2023
  • BE-webtoon Public

    웹툰 서비스 입니다.

    N0T-BAD/BE-webtoon’s past year of commit activity
    Java 0 Apache-2.0 1 0 0 Updated Jun 14, 2023
  • Admin-blockpage Public

    'Block Toon' 어드민 페이지 입니다.

    N0T-BAD/Admin-blockpage’s past year of commit activity
    TypeScript 0 0 0 0 Updated Jun 14, 2023
  • BE-purchase Public

    구매 서비스 입니다.

    N0T-BAD/BE-purchase’s past year of commit activity
    Java 0 Apache-2.0 0 1 0 Updated Jun 14, 2023
  • BE-block Public

    블록 서비스 입니다.

    N0T-BAD/BE-block’s past year of commit activity
    Java 0 Apache-2.0 0 1 0 Updated Jun 14, 2023
  • BE-gateway Public

    게이트웨이 서비스 입니다.

    N0T-BAD/BE-gateway’s past year of commit activity
    Java 0 Apache-2.0 0 0 0 Updated Jun 13, 2023
  • BE-game Public

    게임 서비스 입니다.

    N0T-BAD/BE-game’s past year of commit activity
    Java 0 Apache-2.0 0 0 0 Updated Jun 8, 2023

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…