[프로젝트] Blooming: Image Style Transfer

Silicon Valley Online Internship🌎🗽

Final presentation/Lambda-blooming from SoyeongKim8

 

Blooming
: Image Style Transfer

---

'Blooming' is a website to change the image style to the style you want.

 

content image(일반 이미지)와 style image(스타일 이미지), 이렇게 두 장의 이미지를 입력으로 받아 style image의 style을 content image에 적용하여 새로운 이미지(스타일화된 이미지)를 결과로 출력하여 사용자에게 제공하는 웹사이트를 구현했다.

• Demo link: http://34.64.153.80/ (Domain 연결을 생각을 못했다. 아쉽다.)
• Flagly Course: flagly.org/course/courses/273/

Flagly

• 프로젝트 Blooming Github
  : github.com/SiliconValleyInternship-Lambda/Blooming

SiliconValleyInternship-Lambda/Blooming

 

Features

---

Home page

Home page

 

Transfer page

• Image style transfer

Transfer page

Album page

• Gallery for results
• Search photo

Album page

 

System Architecture

---

Docker

Frontend

• React.js
• Axios (비동기 처리)
• Bootstrap (반응형으로 하고 싶었는 데, home화면 말고는 못해서 아쉽)
• Javascript
• 기타 npm packages

Backend

• webserver: Nginx
• WSGI server: Gunicorn
• rest API: Flask
• Database: MySQL
• model: Style Transfer model
• Tensorflow 2.0
• Python 3.8

협업

• Github
• Notion
• Google docs

💡 Server Hosting
     - AWS EC2: MySQL 직접 설치하여 사용
     - Google Cloud Platform
     : docker의 원활한 실행을 위해 RAM 16GB 인스턴스 사용
    (8GB는 좀 버겁더라구요ㅎ)

Blooming's System Architecture

 

---

2021 Silicon Valley Online Internship - The Project Fair Background Image