Convertoon

Convertoon provides a service that translates webtoons to entertainment companies that want to export domestic webtoons. You can check the translated webtoon image by selecting the webtoon image and language to translate and clicking the translation button. If there is an error in the extracted and translated texts, you can modify them on the modify page.

Index

• Convertoon
  • Architecture
  • File Structure
  • Installation
  • Tech Stack
  • Team Members

Architecture

File Structure

├── backend
│   ├── Dockerfile
│   ├── Font
│   ├── Pillow.ipynb
│   ├── README.md
│   ├── convertoon
│   ├── db.sqlite3
│   ├── manage.py
│   ├── media
│   ├── requirements.txt
│   ├── settings_debug.json
│   └── textExtract
├── docker-compose.yml
├── frontend
│   ├── Dockerfile
│   ├── README.md
│   ├── build
│   ├── node_modules
│   ├── package-lock.json
│   ├── package.json
│   ├── public
│   ├── src
│   │   ├── App.js
│   │   ├── components
│   │   │   ├── buttons
│   │   │   ├── common
│   │   │   ├── images
│   │   │   ├── layouts
│   │   │   └── states
│   │   ├── index.css
│   │   ├── index.js
│   │   ├── pages
│   │   ├── services
│   │   ├── store
│   │   ├── styles
│   │   │   ├── colors
│   │   │   ├── common
│   │   │   ├── layout
│   │   │   └── states
│   │   └── utils
│   └── yarn.lock
└── nginx
    ├── Dockerfile
    └── default.conf

Installation

Github

• Clone Repository

git clone https://github.com/SiliconValley-Team-h/Convertoon.git

Front-end setting

• API_Service.js

...
export const BASE_URL = 'http://<url>';
...

Back-end setting

• settings.py

...
CORS_ORIGIN_WHITELIST = (
  'http://<url>',)
...

• settings_debug.json (Papago API key)

{
  "NAVER": {
    "CLIENT_ID": "...",
    "CLIENT_SECRET": "..."
  }
}

Docker

docker-compose up --build

Tech Stack

Frontend : React
WSGI : Gunicorn
Web Server : Nginx
Backend : Django
Database : SQLite
AI : PyTorch
Etc : Docker, AWS

Frontend	Backend	AI	DevOps	ETC

Team Members

Name	김예린	안효진	엄하늘	장동훈
Github	@Yerineee	@narlo23	@trash1ife	@jdonghun01
Role	Frontend, AI	Frontend	Backend	Backend, DevOps, AI