[Vid+] 기획 및 설계

Vid+는 2주기간동안 진행했던 프로젝트로 비디오를 보며 필요한 순간 노트를 작성 할 수 있도록 도와주는 Video Note Extension 웹 애플리케이션이다.

• 사용스택
  - Front-end : React, React Router, react-player, Redux, Redux-Saga, antDesign
  • Back-end : Node.js, express, MySQL, AWS, nodemailer, OAuth, passport

• 화면 구성
  로그인 /회원가입 화면 ,동영상 등록/목록 화면 , 동영상 재생/노트 추가화면, 회원정보변경 화면으로 구성되어있다.

• UI 디자인 스케치

• Client
  client의 component에 대한 구성도이다.
  

• Client-Server 연결 구성
  대략적인 요청과 응답을 보여주고 API문서에 참고 할 수 있는 Client-Server간의 연결구성이다.

• Database Schema