Reddit Replica Frontend Copy

읽어보세요 FE

---

목차

• 에 대한
• 웹사이트의 화면 비디오
• 웹사이트 기능
• 드라이브 링크
• 프로젝트 설정
• 기여자

에 대한

• Reddit의 프런트엔드 부분을 모방한 프로젝트입니다.
• Reddit은 소셜 뉴스 수집, 콘텐츠 평가 및 토론 웹사이트입니다. 등록된 사용자(일반적으로 "Redditor"라고 함)는 링크, 텍스트 게시물, 이미지 및 비디오와 같은 콘텐츠를 사이트에 제출한 후 다른 회원에 의해 찬성 또는 반대 투표를 받습니다. 게시물은 주제별로 "커뮤니티" 또는 "하위 레딧"이라는 사용자 생성 보드로 구성됩니다. 더 많은 찬성표를 얻은 제출물은 하위 레딧 상단에 표시되며, 충분한 찬성표를 받으면 궁극적으로 사이트의 첫 페이지에 표시됩니다. Reddit 관리자는 커뮤니티를 조정합니다. 중재는 커뮤니티별 중재자에 의해 수행됩니다.

웹사이트의 화면 비디오:

로그인

SW1.mp4

댓글 추가

SW2.mp4

게시물 작성

SW3.mp4

사용자 페이지

SW4.mp4

사용자 설정

SW5.mp4

메시지 및 알림

SW6.mp4

리드보드 및 하위 레딧 페이지

SW7.mp4

중재 페이지

SW8.mp4

게시물 검색 및 공유

SW9.mp4

드라이브 링크:

https://drive.google.com/drive/folders/1hYpEu922aeDHHsKUyx9lVgx0AeykMJJg

웹사이트 특징:

• 입증
• 게시물과 댓글을 생성, 업데이트, 공유 및 삭제합니다.
• 모든 유형의 게시물(텍스트, 링크, 하나 이상의 이미지 드래그 앤 드롭, 비디오 드래그 앤 드롭)을 만듭니다.
• 게시물과 댓글을 찬성/비추천합니다.
• 중첩된 댓글 스레딩.
• 홈 페이지 피드(첫 페이지).
• 하위 레딧 특정 피드.
• 하위 레딧을 생성하세요.
• 하위 레딧에 가입하세요.
• 금지를 추가하고, 음소거하고, 승인하고, 사용자를 내 하위 레딧의 중재자로 초대합니다.
• 중재자가 되려는 사용자의 초대를 수락합니다.
• 내 하위 레딧에서 트래픽 상태를 확인하세요.
• 내 페이지에서 내 게시물, 댓글, 기록 등을 확인하세요.
• 내 아바타를 변경하고 배너를 추가하세요.
• ... 그리고 더!

프로젝트 실행을 위한 주요 명령:

프로젝트 설정 및 패키지 설치

 npm install

개발을 위한 컴파일 및 핫 리로드

 npm run serve

기본적으로 포트:8081에서 프로젝트를 실행합니다.

프로덕션을 위해 컴파일 및 축소

 npm run build

프로젝트는 빌드 후 동일한 디렉터리의 /dist 폴더에 있습니다.

단위 테스트 실행

 npm run test

이 명령은 모든 단위 테스트를 실행합니다.

적용 범위 보고서 생성 중

 npm run coverage

이 명령은 모든 구성 요소에 대한 세부 정보를 포함하는 적용 범위 보고서 index.html을 생성합니다. 생성된 적용 범위 보고서는 /coverage 아래의 프로젝트 디렉터리에 있습니다.

모의 서버 실행

 npm run json

포트:3000에서 실행

기능 문서 보고서 생성

 vuese gen

프로젝트 디렉터리의 /website 폴더 아래에 보고서를 생성하려면

매장에 대한 기능 문서 보고서 생성

 npm run jsdoc

프로젝트 디렉터리의 /out 폴더 아래에 보고서를 생성하려면

파일 린트 및 수정

 npm run lint

더 예쁜 파일 및 수정

 npm run prettier

기여자

아스마 아델

메나탈 호사말덴

노한 레다

호다가말

압달하메데마드

카림 사커