Diver(책 리뷰 공유 sns)📘

안녕하세요! 인상깊은 책의 구절을 사람들과 공유하고, 책으로 소통할 수 있는 sns 다이버입니다.
책 읽는 것을 좋아하고
다른사람과 읽은 책에 대해 이야기 나눌 수 있는 플랫폼이 없어서 아쉬웠던 분들을 위한 서비스입니다.
www.bookdiver.net

목차

1. 팀원 소개 및 제작 기간
2. 프로젝트 소개
3. 사용 기술
4. 아키텍쳐
5. 협업 과정
6. 저희 프론트엔드는
7. 기능소개/실행화면

팀원 소개 및 제작 기간

• 2021년 7월 23일 ~
• 7인 1조 팀프로젝트
  • 프론트엔드 (React) : 이현주, 노예찬
  • 백엔드 (Node.js) : 김승빈, 권오빈
  • 디자이너 : 조민정, 김언용, 곽은주

프로젝트 소개

• 책을 좋아하는 사람들이 읽은 책의 구절을 공유하고 책을 추천하면서
• 책을 중심으로 소통이 이루어지는 sns 서비스 입니다.

직접 사용하러 가기 www.bookdiver.net

사용 기술

Front-end

• React
• javascript

Back-end

• (Backend Repository이동)

deploy

• AWS S3
• Route 53
• Cloud front
• https

아키텍쳐

https

협업 과정

• 전체 팁 협업 : notion

• 협업

  • Figma, zeplin을 통하여 디자이너와 협업
  • swagger을 이용하여 백엔드와 협업

• 구현
  : 모든 작업은 다음과 같은 과정을 거쳤습니다.

저희 프론트엔드는

* 깃 플로우를 사용했습니다.
* 사용자 중심의 서비스를 만들기 위해 노력했습니다.
* 서비스의 성능 최적화를 노력을 했습니다.

페이지로 가기

기능소개/ 실행 화면

1. 로그인
2. 게시글 CRUD
3. SNS 기능
4. 북컬렉션
5. 레벨 시스템

dependencies

• "@material-ui/core": "^4.12.3"
  
• "@material-ui/icons": "^4.11.2"
  
• "@testing-library/jest-dom": "^5.11.4"
  
• "@testing-library/react": "^11.1.0"
  
• "@testing-library/user-event": "^12.1.10"
  
• "axios": "^0.21.1"
  
• "browser-image-compression": "^1.0.14"
  
• "connected-react-router": "6.8.0"
  
• "global": "^4.4.0"
  
• "history": "4.10.1"
  
• "immer": "^9.0.5"
  
• "jwt-decode": "^3.1.2"
  
• "lottie-web-light": "^1.1.0"
  
• "react": "^17.0.2"
  
• "react-dom": "^17.0.2"
  
• "react-ga": "^3.3.0"
  
• "react-intersection-observer": "^8.32.0"
  
• "react-kakao-login": "^2.1.0"
  
• "react-redux": "^7.2.4"
  
• "react-router-dom": "^5.2.0"
  
• "react-scripts": "^4.0.3"
  
• "redux": "^4.1.0"
  
• "redux-actions": "^2.6.5"
  
• "redux-logger": "^3.0.6"
  
• "redux-thunk": "^2.3.0"
  
• "sass": "^1.37.5"
  
• "socket.io-client": "^4.1.3"
  
• "styled-components": "^5.3.0"
  
• "swiper": "^6.8.1"
  
• "web-vitals": "^1.0.1"