인스타그램 클론 Team 프로젝트 - 2

1. 프로젝트 기간

2022.05.03 (화) ~ 2022.05.11 (수)

 

2. 팀 구성

김선민, 김민기, 박재현, 황신혜 

 

3. 프로젝트 진행 방식

• Figma 활용 구현 화면 관리 : 링크
• Git Project / Gantt Chart 일정 관리 : Git 프로젝트 링크, 간트차트 링크
• Git Issue 기반 프로젝트 관리 : 이슈 링크
• API 설계도 Notion 작성 : 링크
• 개발 도구
  • FE : HTML, CSS, JS
  • BE : Flask
  • DB : MongoDB (Atlas MongoDB)

 

4. 프로젝트 진행

4.1 Instgram 화면 조사 / 기능 구현 범위 정의

화면	화면 이름	기능	담당자
	회원가입	필수기능 회원가입, 로그인 JWT 토큰 활용 세션 관리 추가기능 아이디/비밀번호 찾기, SNS(Facebook 등) 이용 로그인	박재현
	메인(피드) 페이지	필수기능 Feed 프로필(헤더) - 페이지 이동 Feed 본문 (사진, 글, 모달창) Feed 댓글 조회/작성 Feed 좋아요 / 북마크  Feed 옵션 모달 Feed 친구 추천 기능 추가기능 무한스크롤 페이지네이션 DM	김선민, 박재현
	마이페이지	필수기능 포스트 Hover시 (좋아요/정보) 포스트 Click시 포스팅 모달  추가 기능 팔로워/팔로잉 기능 프로필 편집 (이미지/정보 변경) 계정 설정	김민기
	nav 헤더바	필수 기능 (아이콘 링킹) 홈, 마이페이지 (프로필, 로그아웃) 새 게시물 작성 (모달) 게시물 최근 활동 조회 추가 기능 유저 검색	황신혜
· · ·	· · ·	· · ·

 

4.2 DB 설계도 작성

 

4.3 기능 세부 구현

• 로그인페이지
  • 회원가입 : ID, PW, 성명 정보 받아서 몽고DB 저장 (json형식)
  • 로그인 : 몽고 DB 정보와 Validation 피드 페이지로 Redirect

 

• 피드 페이지
  • Feed 페이지 설계 및 로그인 세션 정보 페이지, DB 연동 확인
  • (진행중) 게시물 헤더 (특정 유저 프로필화면 이동)
  • (진행중) 게시물 댓글 (댓글 조회/작성)
  • 게시물 좋아요 / 북마크
  • 게시물 친구 추천 기능
  • (진행중) 게시물 더보기 모달 ( ··· )

 

• 마이페이지
  • 프로필 페이지 작성
  • (진행중) 팔로우, 팔로잉 기능 구현
  • (진행중) USER 테이블 조회 출력 (팔로우 수, 팔로잉 수)
  • (진행중) 포스트 출력 (FEED DB)
  • 포스트 Hover시 (좋아요/정보)
  • 포스트 Click시 포스팅 모달 

 

• NAV
  
  • NAV Bar UI 구현
  • 아이콘 링킹 - 홈, 마이페이지 (프로필, 로그아웃)
  • (진행중) 아이콘 링킹 - 새 게시물 작성 (모달, FEED DB INSERT)
  • 아이콘 링킹 - 게시물 최근 활동 (FEED DB)

 

4.4 기능별 API 설계

• https://chemical-child-2bc.notion.site/c1bcd82a87284af2a31417eb05f91bbe?v=af9524e1b4424fc1ab878849998a052d