소개팅 웹 && ㅇ ㅐ ㅂ

기술 스택

• 리액트
• 자바 21
• 스프링 부트
• 스프링 JPA

정보

회사명 : Heart Hunter
사이트 명 : ON : DA
정보 :

• 친구 or 연인 매칭 & 채칭,
• 소개팅관련 커뮤니티 사이트

페이지

스타트 페이지

로그인 이전에 페이지와 회사 소개글 ( 틴터 벤치마킹 )
스타트페이지와 메인페이지 분리

로그인 방법은 네이버 인증 로그인
~ 추후 인증방법 api 찾아내면 그냥 회원가입 구현 리팩토링 예정

회원가입 /로그인

우선 네이버인증으로 로그인하는중이라
네이버계정에서 성별, 생일, 본명, 네이버 이메일 만 추출
( 네이버에 실명으로 가입 란이 있어야만 위 정보가 추출 가능한데
우선 성별의 중요도를 더 높게 생각하여 일단 정보추출 실패 시 익셉션 처리,,)

메인페이지

메인페이지의 바디부분을 뭐넣을지 몰라서
네비게이션 바에 컨텐츠만 넣어놨습니다.

로그인 시 전역에 있는 토큰을 읽어서 스타트페이지 이동시 메인페이지로 가지게끔 설정

~ 추후 기능개발 이후에 이쁘게 꾸밀예정

마이페이지

사이트명을 참고하여
매칭이나 여러기능을 on, off 하는 설정기능
ex ) 위치매칭, 채팅요청 등 on, offf

매칭 시 띄어질 본인 사진 등록및 수정
사람들에게 제일 첫번째로 보여질 대표이미지 이자 프로필 이미지
애니메이션으로 넘겨볼수있는 서브이미지 두개
( 회원가입 시 대표이미지 한장만 필수 )

이후 개발할 기능들

• 랜덤매칭
  위치와 태그 상관없이 찾는 성별에 한해서 랜덤으로 사람 추천
  DB 에서 조회하기때문에 ES 사용예정

• 위치기반 매칭
  위치 on 설정을 하고 위치를 넣으면
  지역기반 가까운순으로 띄어주거나
  or 지도 자체를 띄어 위치 킨 사람들이 그 지역에 핑이 찍혀 보여지고 클릭하면 오른쪽에서 창이 나와 그 사람의 정보가 보여지는
  ( 아직 개발전이라 ui 제작해봐야 확실해질것으로 예상)

• 커뮤니티
  생각 했던 커뮤니티 분류는

1. 매칭 성공 후기
2. 지역별 데이트 코스 추천장소( 맛집, 카페, 익스트림 )
3. 자유게시판
4. 추천

작업량 이슈로 트위터 게시글 형식으로 제작
트위터
기본 글 쓰기, 사진 추가(4장)
인스타 피드로 가려다가 자유게시판도 있어서 그냥 글 쓰기도 가능하게 수정

• 댓글, 대댓글
• 좋아요, 조회수( 추후 좋아요순, 조회수순 필터 개발 예정 )
  예를 들어 강원도 철원 분위기 맛집 검색 후 좋아요 많은 순 으로 검색 하고싶을 수 도 있고..

대충 이런식으로

추천게시물 default 하고
카테고리별 피드 띄어주게끔

• 공지게시판
  crud

• 채팅
  매칭 중 채팅신청 누르면
  마이페이지에 채팅 수락 칸이 있고
  추후 채팅 ui 제작시 채팅리스트랑 요청 칸 만들어서 수락 또는 거절 하게 제작 예정
  그리고 채팅의 ui는 인스타 웹사이트 벤치마킹 예정
  (기타 기능 제외하고 채팅만 가능,
  추후 사진, 일정, 위치공유 등 데이트에 필요한 정보들 공유 가능하게끔 제작 희망 )

• S3 / CF
  소개팅 사이트 같은 경우 보여지는 이미지로 매칭이 시작되기때문에 이미지 불러올때 굉장히 빠르고 적은 용량으로 가져와야될거같아서 배포 직전 S3에 올리는 로직 추가
  ~ 현재 S3 에 담길 이름으로 S3.bucket_test.Jse.JPG 로 저장중
• 어드민
  • 유저 관리
  • 커뮤니티 관리
  • 공지사항 등록
  • 피드백/ 버그 조회
  • 신고유저 접수

매칭(랜덤, 위치) - 진우

채팅, 어드민(관리, 등록, 조회) - 은식

커뮤니티(자유, 후기, 코스) - 이석