Skip to content

Likelion-Kwangwoon/RelayStory

Repository files navigation

team2-BE

개발기
Django 서비스 레이어
Django 리포지토리 레이어 분리

짱돌(함께 만드는 이야기)

배포 주소 : 짱돌


✨ 프로젝트 소개

짱돌(함께 만드는 이야기)은 사용자들이 함께 이야기를 만들어가는 서비스입니다.

사용자가 책 제목과 함께 첫 번째 이야기를 작성하고 주변 사람들에게 링크를 공유하면 공유받은 사용자들은 해당 링크를 통해 이야기를 이어서 작성합니다. 
사용자는 자신의 창작물에 대한 참여적인 느낌과 다른 사용자들과 이야기를 공유하는 즐거움을 느낄 수 있습니다. 
또한, 다른 사용자들이 자신이 작성한 이야기를 어떻게 이어나갈지 기대하는 재미도 느낄 수 있습니다.

☀️ 프로젝트 기간

2023.03.18 - 2023.04.17


🌤️ 사용 기술

프론트엔드 백엔드 디자인 배포
React styled-components python django Figma Netlify



☁️ 팀 소개

백엔드 백엔드 백엔드 프론트엔드 프론트엔드
김나래 김연우 최혁순 김효리 박다은




💫 화면 구성


화면 설명

로그인 표지 선택
책 쓰기 미완성 책 url 복사 및 공유
댓글 작성 내 서재 완성 책
완성된 책 내용 확인 책 표지 후면 404 페이지



❄️ 주요 기능

  • 책 생성 기능

    • 책 표지 선택
    • 제목과 프롤로그 작성 후 '만들기' 버튼을 눌러 책 생성
  • url 공유 기능

    • 해당 책 페이지 url을 공유
    • 책이 완성되었으면 표지 페이지로, 완성되지 않았다면 릴레이 작성 페이지로 이동
  • 릴레이 작성 기능

    • 공유받은 링크로 들어올 경우, 링크를 공유한 사용자의 소설에 내용을 이어서 작성 가능
    • 이전에 작성한 사용자의 소설 내용 출력



⛄️ User Flow

graph LR
A( 공유 링크 ) --> |if 미완성 소설 : 댓글 창|H
A( 공유 링크 ) -->|if 완성된 소설: 소설 내용 | H
B( 서비스 링크 ) --> C( 로그인 )
C --> D( 메인 화면 )
D --> E( 내 책 쓰기)
D --> F( 내 서재)
E --> G( 책 쓰기 페이지)
G --> H
F( 내 서재) --> | 책 선택 |H;
H(책 표지)--> |미완성 소설|I
H--> |완성 소설|J
I(링크 복사)
J(완성된 내용 출력) --> K(뒤표지)

Z(ALL)--> |홈화면 가기 버튼 클릭|D
Loading



💦 파일 구조

📦public
 ├── _redirects
 ├── favicon.ico
 └── index.html
📦src
 ├── api : api 관련 정보 폴더
 │   └── api.js 
 ├── assets 
 ├── components 
 ├── layout 
 │   └── MainWrapper 
 ├── pages 
 ├── util 
 │   └── encrypt.js : 암호화/복호화 시 사용 
 ├── App.js
 ├── index.js
 └── theme.js : 공용 스타일 지정
📦package.json
📦README.md

🌟 시작 가이드

$ git clone https://github.com/Likelion-Kwangwoon/team2-FE
$ npm i
$ npm start

Ref: #456

Related to: #48, #45


커밋 메세지의 줄을 띄우는 법은 그냥 따옴표를 닫지 않고 엔터를 눌러 줄 띄우고 쓰면 된다.