/KDT-8-Coplearn

타인의 프로젝트를 공유하고 클론 코딩하며 실시간으로 소통할 수 있는 서비스

Primary LanguageJavaScript

KDT-8-Coflearn

프로젝트 공유 및 팀원 모집 사이트 Coflearn


📌 서비스 소개

  • 코딩온의 수업을 듣는 다른 사람들의 프로젝트를 공유하고 클론코딩할 수 있는 사이트가 있으면 좋지 않을까? 라는 생각에서 시작됐어요.
  • 서로의 프로젝트를 업로드해서 공유하고 , 함께 할 사람을 모아 원하는 프로젝트를 만들어볼 수 있어요.
  • 프로젝트를 함께 만들어 볼 인원이 모이면, 코프런에서 소통을 위한 채팅방을 생성해 제공해요.

📌 주요 기능

  • 로그인/로그아웃 기능
    • 로그인 시 쿠키를 생성하고 쿠기 존재 여부에 따라 아이콘을 변경
    • 아이콘에 마우스를 올리면 마이페이지 이동과 로그아웃 가능
  • 회원가입 기능
    • node mailer을 활용한 이메일 인증 기능
    • 비밀 번호를 Bcrypt 방식으로 암호화하여 DB에 저장
  • 메인페이지
    • 검색기능 (태그 이용한 검색)
    • 프로젝트 현황 확인 기능
  • 마이페이지
    • 사용자의 프로젝트 확인 기능
    • 사용자가 담은 프로젝트 확인 기능

image

  • 단체 채팅방 기능
    • Socket.io 활용해 유저들과 실시간 소통 기능
    • DB 활용해 이전 메시지 휘발 방지
    • 허용된 유저 채팅방 접근 기능
  • 프로젝트 페이지
    • TOAST UI 사용
    • 프로젝트 소개글 작성(Mark Down형식)
    • 검색창을 통한 제목 기준 검색
    • Tag 버튼 통한 tag 기준 검색

image

  • 상세페이지
    • 프로젝트 장바구니에 담기 기능
    • 커뮤니티 글 작성 기능(Mark Down형식)
    • 커뮤니티 댓글/답글 작성 기능
    • 팀원 모집 기능을 통해 팀원모집페이지로 이동
    • 팀원 모집 여부 실시간 확인 기능

📌 사용한 기술

  • SOCKET.IO
  • Node.js
  • JWT
  • Sequelize
  • TOAST UI
  • MySQL
  • AWS, S3

📌 팀원

메인/마이페이지 단체 채팅방 로그인/회원가입 프로젝트 모집 프로젝트 업로드
황동준 서혜원 서정현 장창현 조현익

nebulaBdj

JSHWJ

HyunnS2

changhyun-jang

Johyunik