photoon's Introduction

Photoon

사진을 만화 그림체로 변경해주는 서비스
만화주인공이 되고싶은 어릴적 꿈 을 이루어드리겠습니다.

1. System Architecture

2. Tech Stack

3. Installation

Clone Repository

git clone https://github.com/2022-SeongNam-Pre-Internship-TeamE/PhoToon

Set environment file

Path : /Photoon/backend/config/my_settings.py
Django secret key & MySQL 환경변수

from pathlib import Path
BASE_DIR = Path(__file__).resolve().parent.parent


MY_SECRET = {
    "SECRET_KEY" : ''
}

MY_DATABASES = {
    'default': {
    	'ENGINE': 'django.db.backends.mysql',
        'NAME': '',
        'USER': '',
        'PASSWORD': '',
        'HOST': 'mysql',
        'PORT': '3306',
     }
}

Path : /Photoon/backend/.env
S3 bucket 및 MySQL container 환경변수

DEBUG=False
AWS_S3_ACCESS_KEY_ID=''
AWS_S3_SECRET_ACCESS_KEY=''
AWS_STORAGE_BUCKET_NAME=''

## RDS 연동 시 하단 부분은 필요없습니다.
## Mysql 컨테이너 연동 시 하단 부분 작성하고 docker-compose.prod.yml 파일에서 mysql 컨테이너 부분 주석 해제해야합니다.
MYSQL_DATABASE=
MYSQL_ROOT_PASSWORD=  
TZ=Asia/Seoul

Path : /Photoon/frontend/.env
카카오톡 공유하기 환경변수

REACT_APP_KAKAO_KEY=''
REACT_APP_IMAGE_URL='https://{AWS_STORAGE_BUCKET_NAME}.s3.{AWS_STORAGE_BUCKET_REGION}.amazonaws.com/'

Path : /Photoon/.env
RabbitMQ 환경변수

RABBITMQ_HOST=
RABBITMQ_USER=
RABBITMQ_PASSWORD=
RABBITMQ_VHOST=

Run

cd frontend
npm install --legacy-peer-deps
cd ..
docker-compose -f docker-compose.prod.yml up --build

4. ER Diagram

5. API

swagger

6. Features

메인 화면	로그인

이미지 업로드 & 크롭	말풍선 입력

옵션 선택	결과 이미지

카카오톡 공유	마이페이지

7. Team Member

사진
이름	고원준	이민지	배준일	박희경	라예진	김창민
역할	Team Leader frontend	frontend	backend devops	backend	backend	AI frontend backend
GitHub