WhatsInMyBack?

node.js 기반 웹 제작 프로젝트

🖥️ 프로젝트 소개

자신의 취향이 담긴 아이템 목록을 다른 사람들에게 공유할 수 있는 커뮤니티 플랫폼
⁕프로젝트 소개 자료 참고

🕰️ 개발 기간

• 24.03.22일 - 22.06.23일

🧑‍🤝‍🧑 맴버구성

• 로그인 기능
  • 김아진 : 로그인/회원가입 , 로그아웃 기능 ,게시판/댓글 일부
  • 이다인 : 로그인/회원가입 , 로그아웃 기능
• 게시글 기능
  • 이지연 : 게시글, 댓글과 대댓글 비동기, 부트스트랩 프론트, PM
  • 김근혜 : 게시글, 검색, 필터링, 좋아요•북마크, base64적용
• 프로필 기능
  • 정지윤 : 마이 페이지, 북마크 및 좋아요 모아보기, 팔로워 팔로잉
  • 최정빈 : 댓글 페이지, 회원 탈퇴, 비밀번호 변경,회원 정보 수정

⚙️ 개발 환경

• Node.js(20.14.0)
• IDE : Visual Studio Code
• Framework : Express.js
• Database : MySQL

📌 주요 기능

로그인

• DB값 검증
• 로그인 시 쿠키(Cookie) 및 세션(Session) 생성

회원가입

• ID 중복 체크
• 입력 형식 검증

홈 페이지

• 네비게이션
• 최신 글 노출

게시글 작성

• 로그인 상태 검증
• 테마 선택
• 제목 및 내용 입력
• 해시태그 입력
• 이미지 업로드
• 제품목록(제품명, 제품 카테고리, 제품 브랜드, 구매 링크) 작성

게시글 조회

• 좋아요 및 북마크
• 제품정보 링크 연결
• 댓글 및 대댓글 작성
• 상대 프로필 이동

마이 페이지

• 회원정보 변경
• DB 검증
• 회원 탈퇴
• 팔로워 팔로잉
• 게시글 페이지 로딩

검색

• 제목/내용/해시태그 검색
• 최신순/조회순/댓글순/좋아요순/북마크순 정렬

💻 구현 화면

홈 페이지	게시글 페이지

마이 페이지	로그인 페이지

▶️ 데모 영상

💻 프로젝트 소개 자료