Skip to content
This repository has been archived by the owner on Jul 3, 2024. It is now read-only.
/ Photory-AI Public archive

사진을 업로드하여 나만의 동화를 만드는 서비스(image-captioning + text generation,,StyleTransfer)

Notifications You must be signed in to change notification settings

tyhtm3/Photory-AI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spinner-1s-535px

📕 Photory

AI 기반 동화책 자동생성 서비스


📆 프로젝트 개요

  • 진행 기간: 2020.10.12 ~
  • 목표
    • 사진의 업로드를 통해서 간단하게 이쁜 동화책을 생성하는 웹 서비스 개발
  • 계획서

🐤 프로젝트 소개

추후 정리


🔧 Tech Stack

Front
  • Vue CLI
  • Vuex
  • Vuetify
Back
  • Django
  • Flask
  • Swagger
  • EC2

📝프로젝트 사용법

Photory 시작 방법입니다.

Frontend

  1. Install NPM packages
cd vue_client
npm i
  1. Run server
npm run server

Backend

  1. 가상환경 실행 후 진행
  2. Install packages
# 가상환경 먼저 실행 후 진행
cd django_server
pip install -r requirements.txt
  1. Migration 진행
python manage.py makemigrations
python manage.py migrate
  1. Run server
python manage.py runserver

AI server

  1. 가상환경 실행 후 진행
  2. Install packages
# 가상환경 먼저 실행 후 진행
cd flask_server
pip install -r requirements.txt
  1. Run server
python ai_server.py

ERD


✨주요 기능

추후 정리


🕛Gantt

gantt
    dateFormat  YYYY-MM-DD
    title       Photory 일정

    section 기획
    기획            :done,    des1, 2020-10-12,3d
    기술 학습(AI)         :done,  des2, after des1, 6d
    목업         :done,  des2, after des1, 3d

    section 프론트엔드
    Vue 기본세팅 :  done, 2020-10-19,1d
    메인페이지   :  done, 2020-10-20, 3d
    로그인 구현  :  done, 2020-10-20, 4d
    Createstory        :active,2020-10-26, 6d
    Mystory          :active,2020-10-26, 6d
    Sharestory    :active,2020-10-26, 6d
    StoryEdit     :active,2020-10-26, 6d

    section 백엔드
    Django 기본세팅               :done, 2020-10-19, 1d
    Login API      :     done, 2020-10-24, 3d
    Story API      :     active, 2020-10-26, 6d
    Member API      :     active, 2020-10-26, 6d
    AI server API      :     active, 2020-11-02, 6d

    section AI서버
    Flask 기본세팅               :done, 2020-10-19, 1d
    AI기술 research      :     done, 2020-10-20, 3d
    AI 구현:      active, 2020-10-23, 10d
    
    section 기타
    통합 점검: active, 2020-11-02, 10d
    UCC제작 : active, 2020-11-09, 7d
    발표준비 :active, 2020-11-09, 7d
Loading

🌊 Git flow

commit

  • 이슈번호/브랜치이름 : 내용 (형식자유)
  • ex)
    S0234165-1/hotfix : Update README.md

branch

​ master

​ |

​ develop

​ |

​ 각각 기능단위

🤙Coding Convention

Front End

  • 언어는 javascript를, 프레임워크로 Vue를 사용하기 때문에 기본적으로 javascript와 Vue의 style guide를 따릅니다.

다음은 Vue의 style guide를 요약한 것입니다.

1. 컴포넌트명은 최소한 두 단어 이상의 조합으로 짓는다.
2. 데이터는 반드시 함수여야한다.
3. Props는 최대한 자세하게, 최소한 타입이라도 명시해야 한다.
4. v-for는 반드시 key와 함께 사용한다.이 때, key로는 object의 id를 사용하는 것이 좋다.
5. v-for와 v-if는 함께 사용하지 않는다. 새로운 computed 프로퍼티로 대체하여 사용한다.
6. App/Layout 스타일을 제외한 컴포넌트는의 스타일은 스코핑한다. Vue의 scoped나 BEM을 활용한 스코핑
7. 함수를 private하게 유지하기 위해서는 모듈 스코핑을 사용하라. 그것이 불가능하다면 $_yourPlugin_<함수명>을 사용하라.

Back End

  • 언어는 python을, 프레임워크로 django를 사용하기 때문에 기본적으로 python과 django의 style guide를 따릅니다.

다음은 django의 style guide를 요약한 것입니다.

1. Template stlye 에서 {{ foo }} 와 같이 중괄호 사이에는 space가 하나 들어간다.
2. View stytle에서 'def my_view(request, foo):' 와 같이 반드시 함수의 첫번째 인자의  이름은 request로 한다.
3. Model style에서 반드시 field name은 소문자로 한다.

👨‍👩‍👦‍👦팀원

이다현
김선민
최현우
황수현
방소윤

🎞 최종산출물

About

사진을 업로드하여 나만의 동화를 만드는 서비스(image-captioning + text generation,,StyleTransfer)

Topics

Resources

Stars

Watchers

Forks