Giter VIP home page Giter VIP logo

review-board's Introduction

ALLREVIEW

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

개발 환경

  • 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)

    • 좋아요 목록 조회

review-board's People

Contributors

dawonoh avatar

Stargazers

Song Inchan avatar

Watchers

 avatar

Forkers

inchans

review-board's Issues

게시물 클릭시, 스크롤 위치가 아래에서 시작

주소 : https://all-review.site/

문제현상 재현

  1. 비로그인 상태에서 위 주소 접속
  2. 가장 먼저 나타나는 게시물 목록 화면에서 스크롤을 아래로 내린다.
  3. 스크롤을 내린 상태에서 아랫쪽에 보이는 게시글을 클릭
  4. 해당 게시글 보기로 화면이 전환되지만 스크롤이 내려가있는 상태로 전환
  5. 게시믈 목록에서 스크롤이 최상단일때는 보여지는 게시글 중 아랫단에 있는걸 클릭해도 문제없음!!

아무래도 게시글목록에서의 스크롤 상태가 게시글보기에서도 상속되는듯?? 합니다.

브라우저는 Chrome, Safari 2개에서 테스트해봤고 모두 같은 문제가 있네요.

화면 너비 밸런스가 바뀐것 같아요

주로 웹에서 보는데 뭔가 이전보다 본문의 너비가 줄어든것 같아요.
본문 너비가 덧글 너비보다 더 줄어들었는데 바뀐건가요?? ; ㅋ

SCR-20240320-ggtt

모바일의 경우에는 전체적인 너비 한번 만지면 어떨까 싶어요.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.