Instagram Clone

미국의 소셜 미디어, 인스타그램을 클론코딩 하였습니다.

---

사용 기술

프론트 엔드

• JS
• React
• Redux
• ReduxToolkit
• React-router V6
• axios
• scss
• socket.io

---

✔ 백엔드

• JS
• Node.js
• Express
• Mongoose
• MongoDB
• Firebase Storage
• socket.io
• AWS EC2

---

주요 기능

• 게시글, 댓글 CRUD
• 게시글, 댓글 좋아요, 북마크
• 실시간 채팅, 좋아요 알림, 팔로우 알림
• 포스팅 무한스크롤
• 댓글 페이지네이션

---

상세 기능

1. 메인 페이지

• 포스트 전체목록 조회
• 게시글 작성, 삭제, 이미지 추가
• 게시글 좋아요, 북마크
• 아이디, 해시태그 검색

2. 포스팅 페이지

• 댓글 작성, 삭제, 좋아요, 북마크, 답글 달기
• 대댓글 작성, 삭제

3. 프로필 페이지

• 작성한 게시물, 저장한 게시물 로드.
• 회원정보 수정, 회원탈퇴
• 프로필사진 추가, 수정
• 팔로우, 팔로잉