🫒 All Review You

기획 의도

• 모든 리뷰를 모아 한 눈에 볼 수 있는 리뷰 전용 블로그 "All Review You"
• 유저들이 자유롭게 자신이 사용한 상품이나 방문했던 음식점, 시청한 영화/드라마에 대한 리뷰를 작성할 수 있는 리뷰 전용 블로그이다.
• 리뷰에 대한 별점과 관련한 태그를 작성할 수 있다.
• 텍스트 에디터를 사용해 리뷰를 작성하고 게시할 수 있다.
• 리뷰에 대한 다른 유저들의 생각을 댓글로 자유롭게 소통할 수 있다.
• 좋아요 누른 리뷰들도 모아서 볼 수 있다.

구성 페이지 기능

메인 페이지

• 카테고리(태그) 분류하여 리뷰 렌더링

• 최신 순/ 좋아요 순 정렬
• 무한 스크롤

• 로딩시 스피너

• 좋아요 버튼

검색 페이지

• 검색 기능 구현
• 무한 스크롤

로그인, 회원가입 페이지

• 아이디 저장

• 자동 로그인

마이 페이지

• 자기가 작성한 리뷰 렌더링
• 자기가 좋아요한 리뷰 렌더링

• 최근 본 리뷰 렌더링

리뷰 작성 페이지

• 리뷰 작성 (제목, 태그, 별점 설정, 컨텐츠)

• 수정, 삭제

리뷰 상세 페이지

• 작성된 리뷰 내용 렌더링 (+별점)
• 좋아요 누르기
• 댓글 기능

• 태그 기반으로 비슷한 유형의 게시글 렌더링

기술 스택

• HTML, CSS JavaScript
• Sass, Babel, Webpack
• 이미지 및 파일 전송
  • multer
• 로그인 관련
  • jwt
  • bcrypt
• 에디터
  • quill
• 무한 스크롤
  • Intersection Observer API
• 스타 찍기
  • rater-js