화면설계도 프로토타입

1. 회원가입

• 로그인
  • 카카오 로그인
  • 구글 로그인
  • 직접 로그인
    • 로그인 창
• 회원가입
  • 회원이 아니신가요? 회원가입

1-1. 회원가입 페이지

• 회원가입 정보
  • 아이디
  • 닉네임
  • 비밀번호
  • 비밀번호 확인
  • 전화번호
    • 전화번호 인증 버튼

1-2. 회원가입후 본인 정보 입력 화면

• 등록한 사진 보기 및 수정
  • 사진 버튼(3개정도)
    • 누를 때마다 사진 재 업로드 기능.
• 자기소개
  - 자기소개 텍스트 박스
• 인적사항 및 취향
  - 나이
  - 거주지역
  - 관심사
  - 성격유형
  - 음주
  - 흡연
  - 운동
  - 좋아하는 식단
  - 소셜 미디어
  - 직장
  - 학교
• 확인 버튼

1-1 추가

1. 회원가입
2. 사진4개추가 페이지로 가기
3. 프로필 추가 페이지로 가기
   • 주소를 받으면 좋음 (api)
   • 그 주소를 받아서 위도/경도를 가지고 와야함
   • 주소, x좌표, y좌표

2. 이성추천 화면

• 이성의 정보
  - 이성의 소개글
  - 이성의 나이
  - 지역 정보
• 반응형 버튼
  - 좋아요
  - 싫어요

3. 자기가 받은 좋아요 화면

• 필터링 버튼
  - 주변
  - 나이
  - 이성이 좋아하는 취향 등
• 이성 카드
  - 이성의 사진
  - 맞 좋아요 버튼

4. 받은 대화 보기

• 이성 카드
  - 이성 회원의 사진
  - 이성의 이름
  - 이성이 보낸 마지막 대화

4-1. 대화창

• header
  - 뒤로가기 버튼
  - 이성의 사진
  - 이성의 닉네임
• 대화 창
  • 대화카드
    • 이성의 사진
    • 보낸 내용
    • 보낸 시간
• footer
  - 보낼 내용
  - 보내기

4-2. 대화

• 반응형 창
  - 이모티콘 버튼
  - 보낼 내용
  - 보내기

5. 자기 정보 확인 탭

• 헤더
  - 설정창(우측)
• 회원 정보
  - 사진
  - 닉네임
  - 지역
• 프로필 수정
  - 프로필 수정 버튼
• 로그 확인
  - 보낸 좋아요 확인

5-1. 설정창

• 필터링 하고싶은 상대의 정보
  - 연령대 제한
  - 지역 제한

5-2. 프로필 정보 수정

• 1-2의 창과 동일

5-3. 보낸 좋아요 확인

• 이성카드
  - 이성 사진
  - 이성 닉네임
  - 이성 나이
  - 이성 지역

2023-11-27 추가

지협

• 좋아요 누구 클릭했는지 페이지 구현
• 매칭 누가 됐는지 페이지 구현

준

• 필터링 페이지 구현

보경

주현

• 사진 업로드 페이지 꾸미기
• 업데이트 페이지 꾸미기

---

2023-11-28

좋아요페이지

• 매칭 각각 태그 구현 (O)
• 클릭시 뒤돌게 구현 (O)

채팅페이지

• 상대방 사진으로 끼워넣기
• 날짜 바꾸기
• textarea에서 enter를 누르면 메시지 전송 기능
• 모바일에서 볼 때 채팅방을 클릭하면 채팅창으로 가기