영화 리뷰 사이트 제작

시연 영상

---

 

 

GitHub 주소 링크

GitHub - bitkunst/Nodejs_team_project2: with team BNW

 

🎬 Project 소개

---

2022 Node.js 3 weeks project

영화, 애니메이션, 음악 등등을 리뷰하고 사용자들이 서로 소통하는 리뷰 커뮤니티 사이트 제작

🏁 Feature

---

• jwt 방식의 로컬 회원가입 및 로그인
• passport를 활용한 카카오 로그인 / 구글 로그인 / 네이버 로그인
• 이미지, 해시태그 기능을 포함한 게시판 CRUD 및 댓글, 대댓글, 좋아요, 스크랩 기능 구현
• 제목, 내용, 해시태그를 활용한 게시글 검색 기능
• socket.io를 활용한 채팅방 기능
• 관리자 페이지 내 회원관리, 게시글관리, 게시판 카테고리 CRUD 기능

 

※ 기능 상세설명 ※

---

1. 회원가입 및 로그인

Local 회원가입

• 약관동의 : 필수항목, 선택항목 존재
• 아이디 중복확인, 닉네임 중복확인 가능
• 필수입력 항목의 경우 form 체크 시행
• 프로필 이미지 업로드 가능

OAuth

• Kakao 로그인
• Google 로그인
• Naver 로그인

프로필페이지

• 프로필 페이지에서 내 정보 수정하기 가능
• 작성 글 보기, 작성 댓글 보기, 스크랩 글 보기 가능
• 관리자 계정으로 접속할 경우 프로필 페이지에서 관리자 페이지로 이동 가능
  
  

2. 리뷰 게시판

게시판 리스트 페이지

• 좋아요 개수, 조회수, 해시태크 확인 가능
• 리스트 페이지에서 좋아요 주기 가능

글 보기 페이지

• 게시글 스크랩 가능
• 게시글에 좋아요 주기 가능 (중복 X)
• 자신이 작성한 글의 경우 수정, 삭제 가능
• 댓글 및 대댓글 작성 가능

글 작성 페이지

• 카테고리 선택해서 글 작성 가능
• 사진 업로드 가능 (최대 5장)
• 해시태그와 함께 게시글 작성 가능
• 글 작성, 댓글 작성시 사용자에게 +10 point 부여

글 수정 페이지

• 자신이 작성한 글, 댓글 수정 및 삭제 가능
• 업로드 이미지 파일 수정 가능
• 해시태그 수정 가능

3. 공지사항 게시판

• 공지사항은 관리자만 작성 가능
• 사용자는 공지글에 댓글 작성 가능

4. Q&A 게시판

• 질문글과 답글 작성 가능

5. 검색 페이지

• 제목, 글내용, 해시태그 내용에 따라 동적으로 검색 가능
• 사용자 검색시 해당 사용자의 간단한 프로필 정보와 사용자가 등록한 게시글 조회 가능

6. 채팅방

• 사용자들은 전체 채팅방에 입장해서 자유로운 소통 가능
• 채팅방에는 전체 접속 인원수가 표시됨
• 채팅방 입장 혹은 퇴장시 알림 톡 전송
• 관리자는 채팅방을 개설하거나 삭제할 수 있음

7. 관리자 페이지

관리자 페이지는 싱글 페이지로 제작

회원관리

• 사용자 정보 조회 가능 (단, 비밀번호는 제외)
• 관리자는 사용자에게 포인트 지급 가능

게시글 관리

• 게시글 내리기 / 보이기 가능
• 좋아요별, 조회수별 게시글 조회 가능

카테고리 관리

• 메인 카테고리 / 서브 카테고리 생성 가능
• 메인 카테고리 / 서브 카테고리 수정 및 삭제 가능
• 서브 카테고리 삭제시, 메인 카테고리로 게시글 이동
• 메인 카테고리 삭제시 게시글 전부 삭제

 

🔧 Tech Stack

---

 

---

👊 팀 BNW. 👊

이름	직책	소개	Github
장재원	팀장	어제보다 더 나은 개발자가 되고 싶은 개발자
한빈	팀원	프론트면 프론트, 백이면 백 못하는 게 없는 풀스택 개발자
홍종남	팀원	포텐셜 최강자, 준비된 개발자 홍종남

 

 

GitHub 주소 링크