Skip to content

Dream-Twist/FE_DreamTwist

Repository files navigation

🐛 꿈틀 DreamTwist

AI 기반 맞춤형 동화 제작 플랫폼 꿈틀

세상에 하나뿐인 동화, 꿈틀에서 마음껏 즐겨보세요!



💡 프로젝트 소개

  • 동화는 아이들의 창의성과 상상력을 키우는 데 중요한 역할을 한다.
    최근 디지털 시대에 맞춰 온라인 도서 플랫폼의 수요가 증가하면서 다양한 디지털 도서와 동화 콘텐츠가 제공되고 있다.

  • 그러나 기존 동화를 단순히 디지털화하는 것보다 사용자 참여형 동화 창작 플랫폼이 더 효과적이라는 결론을 내렸다.
    이는 아이들과 성인 모두에게 창의적 표현의 기회를 제공하고, 협업을 통한 학습 효과를 높일 수 있기 때문이다.

  • 특히, 동화 창작의 질을 높이기 위해 AI 기술의 활용에 주목하였고, AI와 인간의 협업을 통한 동화 창작이 중요하다고 판단하였다.
    이를 위해 AI 스토리 생성, 이미지 생성 기능이 필요하다고 생각한다.

  • 이에 AI 기반 맞춤형 동화 생성 플랫폼인 ‘꿈틀’을 통해 AI 동화 창작 서비스를 제공하여,
    최종적으로 창의적 동화 창작 문화를 조성하고 디지털 시대의 새로운 문학 경험을 제공하고자 한다.

👥 팀원

이름 개발 파트 담당 기능
박수정 팀장 / 백엔드 - 동화 스토리 직접 생성
- 금지어 크롤링 및 설정
- 동화 및 프로필 이미지 업로드
- 구글 소셜 로그인 및 회원 기능
강민규 백엔드 - 동화 스토리 조회, 수정, 삭제
- 동화 좋아요, 조회수
- 동화 검색 기능
원경혜 백엔드, AI - AI 동화 줄거리 생성 모델 학습 및 api 작성
- AI 동화 이미지 생성
- AI 동화 줄거리 생성을 위한 프롬프트 번역
- AI 이미지 생성 api 연동
- 동화책 댓글 생성, 조회, 수정, 삭제
이유민 백엔드, AI - AI 동화 줄거리 생성 모델 학습 및 api 작성
- AI 동화 줄거리 기반 주제 및 제목 생성
- 동화 생성 AI api 연동
- 동화 생성을 위한 결제 및 포인트 기능
- 백엔드, AI 배포
임도헌 프론트엔드 - 동화 생성 기능(줄거리, 이미지 파일첨부, 그림판, AI 이미지)
- 동화 편집 기능
- 그림판 기능
- 프론트엔드 배포
나경윤 프론트엔드 - 동화 검색
- 동화 게시판 및 동화 삭제
- 회원 기능 및 마이페이지
- 동화책 댓글 생성, 조회, 수정, 삭제
김민규 프론트엔드 - AI 동화 및 직접 생성 페이지
- 동화 생성을 위한 결제 및 포인트 기능

🔧 개발 환경

  • 기술 스택
프론트엔드
백엔드
AI
DB
배포
협업

 

  • ERD

 

  • API : Swagger

 

📁 프로젝트 폴더 구조

AI
📦 ai_dreamtwist
 ┣ 📂 data
 ┃ ┣ 📂 row
 ┃ ┃ ┗ 📜 train_data.txt
 ┃ ┗ 📂 processed
 ┣ 📂 models
 ┃ ┣ 📂 story_generator
 ┃ ┃ ┣ 📜 config.json
 ┃ ┃ ┣ 📜 generation_config.json
 ┃ ┃ ┣ 📜 model.safetensors
 ┃ ┃ ┣ 📜 special_tokens_map.json
 ┃ ┃ ┣ 📜 tokenizer_config.json
 ┃ ┃ ┗ 📜 tokenizer.json
 ┃ ┗ 📂 py_hanspell   
 ┣ 📂 notebooks
 ┃ ┃ ┣ 📜 total_code.ipynb
 ┃ ┃ ┗ 📜 story_generator.ipynb
 ┣ 📂 src
 ┃ ┣ 📂 data
 ┃ ┃ ┣ 📜 __init__.py
 ┃ ┃ ┗ 📜 preprocessing.py
 ┃ ┣ 📂 features
 ┃ ┃ ┣ 📜 __init__.py
 ┃ ┃ ┗ 📜 dataset_setup.py
 ┃ ┣ 📂 model
 ┃ ┃ ┣ 📜 __init__.py
 ┃ ┃ ┣ 📜 story_train.py
 ┃ ┃ ┗ 📜 story_generator.py
 ┃ ┗ 📂 utils
 ┣ 📂 app
 ┃ ┃ ┣ 📂 api
 ┃ ┃ ┗ 📂 templates
 ┣ 📜 app.py
 ┣ 📜 .env
 ┣ 📜 requirements.txt 
 ┣ 📜 .gitattributes
 ┣ 📜 .gitignore
 ┗ 📜 README.md
FE
📦fe_dreamtwist
 ┣ 📂public
 ┃ ┣ 📂fonts
 ┃ ┣ 📂images
 ┃ ┗ 📜favicon.ico
 ┣ 📂src
 ┃ ┣ 📂api
 ┃ ┣ 📂app
 ┃ ┃ ┣ 📂(auth)
 ┃ ┃ ┃ ┣ 📂edit-profile
 ┃ ┃ ┃ ┗ 📂login
 ┃ ┃ ┣ 📂(fairytale)
 ┃ ┃ ┃ ┣ 📂create
 ┃ ┃ ┃ ┣ 📂edit
 ┃ ┃ ┃ ┗ 📂final-edit
 ┃ ┃ ┣ 📂board
 ┃ ┃ ┃ ┗ 📂[id]
 ┃ ┃ ┣ 📂buildstory
 ┃ ┃ ┣ 📂mypage
 ┃ ┃ ┣ 📂pay
 ┃ ┃ ┣ 📂payments
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂auth
 ┃ ┃ ┣ 📂board
 ┃ ┃ ┣ 📂bulidstory
 ┃ ┃ ┣ 📂common
 ┃ ┃ ┣ 📂edit
 ┃ ┃ ┣ 📂final-edit
 ┃ ┃ ┣ 📂icons
 ┃ ┃ ┣ 📂layout
 ┃ ┃ ┣ 📂main
 ┃ ┃ ┗ 📂mypage
 ┃ ┣ 📂hooks
 ┃ ┣ 📂styles
 ┃ ┣ 📂types
 ┃ ┗ 📂utils
 ┣ 📜.eslintrc.json
 ┣ 📜.gitignore
 ┣ 📜.prettierrc
 ┣ 📜next.config.mjs
 ┣ 📜package-lock.json
 ┣ 📜package.json
 ┣ 📜postcss.config.mjs
 ┣ 📜README.md
 ┣ 📜tailwind.config.ts
 ┗ 📜tsconfig.json
BE
📦 be_dreamtwist
 ┣ 📂 src
 ┃ ┣ 📂 modules
 ┃ ┃ ┣ 📂 auth
 ┃ ┃ ┃ ┣ 📜 auth.controller.ts
 ┃ ┃ ┃ ┣ 📜 auth.service.ts
 ┃ ┃ ┃ ┣ 📜 auth.module.ts
 ┃ ┃ ┃ ┣ 📜 auth.entity.ts
 ┃ ┃ ┃ ┣ 📜 auth.repository.ts
 ┃ ┃ ┃ ┗ 📂 dto
 ┃ ┃ ┣ 📂 user
 ┃ ┃ ┃ ┗ 📜 ...
 ┃ ┃ ┃ ┗ 📂 dto
 ┃ ┃ ┣ 📜 app.module.ts
 ┃ ┃ ┣ 📜 app.controller.ts
 ┃ ┃ ┣ 📜 app.service.ts
 ┃ ┃ ┗ 📜 main.ts
 ┣ 📂 test
 ┣ 📂 shared
 ┃ ┣ 📂 entities
 ┃ ┣ 📂 filters
 ┃ ┣ 📂 guards
 ┃ ┣ 📂 interceptors
 ┃ ┣ 📂 pipes
 ┃ ┣ 📂 types
 ┃ ┗ 📂 utils
 ┣ 📜 .env 
 ┣ 📜 nest-cli.json
 ┣ 📜 tsconfig.json
 ┣ 📜 tsconfig.build.json
 ┣ 📜 .eslintrc.json
 ┗ 📜 .prettierrc
 ┣ 📜 .gitignore
 ┣ 📜 package-lock.json
 ┣ 📜 package.json
 ┗ 📜 README.md

⭐ 페이지별 기능

메인페이지

  • 베스트 동화 및 작가
  • 태그, 제목별 검색
  • 최신순 / 인기순 / 조회순 정렬
명예의 전당 무한 스크롤
태그 검색 정렬 / 제목 검색

로그인 / 회원가입

  • 소셜 로그인 (구글)
  • 로그인 후 닉네임 + 프로필 이미지
    • 프로필 이미지 클릭 시 마이페이지 / 로그아웃 버튼
로그인 / 회원가입 로그인 후 네비바

동화 만들기

  • 동화 직접 쓰기 - 제목 / 테마 / 줄거리
  • AI 동화 생성
    • 제목 / 테마 / 줄거리 생성
    • 편집
  • 이미지 삽입
    • AI 이미지 생성
    • 그림판 기능
    • 이미지 파일 첨부
직접 쓰기 / AI 사용 직접 쓰기
AI 줄거리 생성 AI 줄거리 생성 - 편집
이미지 삽입 - AI 이미지 생성 이미지 삽입 - 그림판 기능
이미지 삽입 - 사진 첨부

동화 게시판

  • 동화 보기
    • 조회수 / 좋아요 기능
    • 내가 쓴 동화 - 수정 / 삭제 기능
    • 스크롤 뷰와 상호작용
  • 댓글
    • 작성 / 수정 / 삭제
    • 페이지네이션
동화 보기 댓글 작성

결제페이지

  • 꿈틀 포인트 충전
    • 포인트별 결제
    • toss payments 이용
    • 환불 사유 입력 및 환불 요청
포인트 충전 toss payments 결제
결제 완료 환불 요청

마이페이지

  • 내 동화 개수, 받은 좋아요 개수, 포인트 조회
  • 내 동화, 좋아요한 동화, 내가 쓴 댓글, 결제 내역 조회
  • 프로필 수정
    • 프로필 이미지, 닉네임 수정
  • 회원 탈퇴
마이페이지 프로필 수정
회원 탈퇴

About

AI 기반 맞춤형 동화 제작 플랫폼 꿈틀

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages