ALLREVIEW

분야 상관없이 카테고리로 분류하여 리뷰를 올리고, 댓글과 대댓글로 소통할 수 있는 리뷰 전용 사이트
DEMO https://all-review.site/

• styled-components 사용한 코드는 ver.styled-components 브랜치에서 확인할 수 있습니다.
  (프론트엔드, 백엔드 리팩토링 전 코드입니다.)

1.프로젝트 소개
2.페이지 구성
3.기능 소개

프로젝트 소개

프로젝트 기간

• 1차 : 2023.01.09 ~ 2023.04.13 (실 개발 약 2개월 2주)
• 2차 추가 기능 개발 : ~ 2023.6.16
• 리팩토링 : 2023.11 ~ 2024.02

개발 인원

DawonOh	inchanS
Front-end	Back-end

• 백엔드 레포지토리 : https://github.com/inchanS/project-review-ts

개발 환경

• OS :
• 언어 및 라이브러리 :
• 배포 :
• 개발 툴 :
• 디자인 툴 :
• 형상관리 :
• 문서관리 :
• 협업 :

페이지 구성

메인 페이지	로그인

상세페이지	게시글 작성 페이지

임시저장 리스트	좋아요 목록

검색	채널

기능 소개

• 회원관리

  • 로그인 (src/pages/Login/index.tsx)
  • 회원가입 (src/pages/Join/index.tsx)

• 메인페이지 (src/pages/Main/index.tsx)

  • 무한스크롤
  • 카테고리 필터링 (무한스크롤과 동일)

• 상세페이지 (src/pages/Feed/index.tsx)

  • 게시글 상세 정보
  • 댓글 / 대댓글(답글)

• 게시글 작성 (src/Components/FeedCRUD)

  • 파일 업로드
  • 파일 미리보기
  • 수동 / 자동 임시저장

• 임시저장 리스트 (src/pages/TempList/index.tsx)

  • 임시저장 된 글 목록
  • 임시저장 게시글 삭제 가능
  • 리스트에서 게시글 클릭 시 수정 가능

• 검색

  • 페이지 상단 Header 검색창 입력 시 실시간 검색 내용 모달창(src/Components/Header/index.tsx)
  • 검색페이지 (src/pages/Search/index.tsx)

• 반응형 웹

  • 1024px, 767px 기준
  • 767px 이하일 경우 모바일 레이아웃으로 반응형 웹 구현
  • 모바일 메뉴
    • 검색 / 임시저장 목록 / 좋아요 목록 / 마이페이지 / 로그인, 로그아웃

• 채널 (src/pages/MyPage/index.tsx)

  • 해당 사용자의 작성한 리뷰, 댓글 조회
  • 본인 채널 : 댓글 관리(삭제)
  • 페이지네이션, 무한스크롤

• 개인 정보 수정

  • 닉네임, 이메일 수정 (src/pages/ModifyInfo/index.tsx)
  • 비밀번호 수정 (src/pages/ModifyPw/index.tsx)
  • 탈퇴 (src/pages/Quit/index.tsx)

• 현재 비밀번호 확인 (src/Components/CheckPassword/index.tsx)

  • 비밀번호 수정, 탈퇴 시 현재 비밀번호 확인

• 비밀번호 찾기 (src/pages/FindPw/index.tsx)

  • 이메일 전송을 통한 비밀번호 재설정

• 좋아요 목록 (src/pages/LikeList/index.tsx)

  • 좋아요 목록 조회