📚 틴더 클론코딩

제작 기간 & 팀원 소개

• 2022.06.17 ~ 2022.06.23
• Front-end : 유승연, 김현빈
• Back-end : 유승완,김형근,윤형진
  

플랫폼소개

사랑을 하고 싶으신가요? 여러 사람의 정보를 좋아요하고 같이 매칭된 사람과 대화해 봐요 !

사용 기술 및 라이브러리

Front-end

• Javascript
• Axios
• React-redux
• Redux-thunk
• Redux-logger
• React-router-dom
• Styled-component
• Socket.io-client

핵심기능

JWT Token을 활용한 사용자 인증

• JWT 토큰을 이용하여 로그인 기능 및 인증 기능 구현
• 회원가입 및 로그인 시 중복확인 가능
• 유효성 검사
• 사용자 프로필 사진

메인 페이지

• 다른 사용자들의 프로필사진 나열
• 좋아요, 싫어요 버튼으로 다른 유저와 동일하게 좋아요가 매칭되었을 때 채팅 페이지에 매칭
• 돋보기 버튼으로 상대방 사용자의 자기소개, 직장 및 학교, 카테고리로 관심분야 확인 가능

상세 페이지

• 사용자의 기존 프로필 사진 변경
• 자기소개, 직장/ 학교 및 카테고리 변경 가능
• 로그아웃 구현

채팅 페이지

• 나를 좋아요 매칭된 사람들과 챗기능 구현
• 채팅방을 나가도 기존 대화 유지
• 좋아요 매칭된 여러 사람과 동일하게 챗기능 유지 및 구현
  

관련 링크

노션