🧾 요구사항

BEEP

• 로그인이 안 된 회원은 로그인 화면을 띄운다
• (로그인 된 경우) 앱 진입 화면에서는 하단 네비게이션 뷰를 가지고 있고, 홈 탭, 목록 탭, 설정 탭 이 있다

홈 탭과 목록 탭에서 FloatingActionBar 로 기프티콘을 추가할 수 있다

시작 화면은 홈 탭이다

📋 로그인

• Kakao, Naver, Google 간편 로그인을 지원한다
• 회원 가입 버튼을 표시한다

회원 가입

• SNS 회원 가입을 진행한다
• (다음 페이지) 위치 권한을 요청한다
• (다음 페이지) PIN 번호를 입력 받는다

• PIN 사용 안 함 버튼 존재한다 (위 사진에서 암호 옵션 말고 사용 안 함 으로)
• (다음 페이지) PIN 사용 시 지문 인식 사용 여부를 묻는다 (최초 1회 지문 인식 필요)

📋 기프티콘 추가

• 사진첩에서 추가
• 메시지나 카톡으로 공유로 추가

📋 홈 탭

기프티콘들을 섹션으로 구분하여 사용자에게 추천 기프티콘을 보여준다

섹션

현재 위치와 가까운 곳에서 사용할 수 있는 기프티콘

• 위에는 더보기 버튼을 표시한다
• 더보기 버튼을 누르면 기프티콘 목록 탭으로 이동한다
• 위치 권한이 허용되지 않은 경우 메시지와 권한 허용 설정으로 바로 이동할 수 있도록 버튼 추가

사용 기한이 임박한 기프티콘

• 위에는 지도보기 버튼을 표시한다
• 지도보기 버튼을 누르면 지도 화면으로 이동한다

섹션에 표시된 아이템을 누르면 아이템 상세 화면으로 이동한다

추가 버튼

• 기프티콘 추가 버튼이 FloatingActionBar 로 존재한다
• 버튼을 누르면 기프티콘 추가 화면으로 이동한다

📋 기프티콘 목록 탭

기프티콘 목록을 표시한다

• 기본적으로는 전체 목록을 보여준다

정렬 기준

• 사용 기한 순 (기본 값)
• 최근(추가된 날짜 기준)

Chip을 사용하여 브랜드로 필터링 할 수 있다

• 중복 선택이 가능하다
• 여러 Chip 을 한 번에 볼 수 있도록 펼칠 수 있다

검색 버튼을 사용하여 기프티콘을 검색할 수 있다

• 브랜드 검색
• 상품 이름 검색
• 기한 검색

목록에서 옆으로 밀어 사용 처리 할 수 있다

• 세부 정보를 저장하지 않고 그냥 사용 처리

📋 설정 탭

사용한 기프티콘 확인

• 새로운 창으로 이동해서 사용한 기프티콘 목록을 확인할 수 있다
• 목록은 그리드 뷰로 표시한다

앱 설정

• 사용 임박 알림 (on/off)
• 보안 인증 (지문 인식 or PIN 사용 여부) (on/off)
• 위치 정보 사용 (on/off)

사용자 설정

• 로그아웃
• 회원 탈퇴

기타

• 개발자에게 커피 사주기
• 이용약관
• 개인정보처리방침
• 오픈소스 라이선스

---

📋 지도 화면

현재 위치를 기반으로 사용할 수 있는 기프티콘을 표시한다

• 하단에 옆으로 넘길 수 있는 UI 를 표시한다

기프티콘 상세 화면

기프티콘의 상세 정보를 확인하거나 사용할 수 있는 화면이다

보여줄 데이터

• 사진
• 사용처(브랜드)
• 마감 기한
• 기프티콘 사용 버튼
  • 버튼을 누르면
    • 원본 사진 보기 버튼 표시
• 공유된 적이 있는 기프티콘이면 알려준다

사용 버튼

• 보안 설정된 경우
  • 지문 인식 혹은 PIN 요청
• 버튼을 누르면 BottomSheet 를 띄워 바코드를 보여준다
  • 금액권인 경우
    • 잔액과 사용할 금액을 보여준다
    • 빠르게 추가할 수 있도록 (1,000원, 5,000원, 10,000원, 전액) 버튼을 보여준다
  • 원본 사진 보기 버튼으로 바코드 인식이 잘 안 될 때 원본 이미지를 보여준다
• 이미 사용된 버튼은 기프티콘 사용 취소 버튼으로 보여진다

사용 완료 버튼을 눌러 사용 처리 한다

• 위치, 사용 시간 정보를 저장한다
• 일반 기프티콘의 경우 바로 사용 처리 후 목록에서 제거한다
• 금액권의 경우
  • 잔액이 남아있다면 목록에서 제거하지 않는다
  • 위치, 사용 시간, 사용한 금액 (혹은 잔액) 정보를 저장한다

공유 버튼

(바코드가 포함된) 기프티콘을 이미지로 추출하여 갤러리에 저장한다

• 보안 인증이 되지 않은 경우 보안 인증 요구
• 공유된 시각 정보를 저장한다 (가장 최신 1개)

수정 버튼

기프티콘 정보를 수정할 수 있다

• 수정 버튼을 누르면 정보를 수정할 수 있는 형태(EditText)로 바뀐다
• 하단의 버튼이 수정 완료 버튼으로 바뀐다
• 수정 완료 버튼을 누르면 바뀐 정보가 반영된다

📋 사용한 기프티콘 확인 화면

사용한 기프티콘에 대한 정보를 조회할 수 있는 화면이다

• 이미지 부분에 사용 시간을 표시한다
• 이미지는 흑백으로 처리한다
• 기프티콘 사용 취소 버튼을 누르면 기프티콘 목록으로 복구한다

목록

• 사용 완료한 기프티콘 목록을 표시한다
• 사용된 목록에 표시되는 기프티콘은 흑백으로 표시한다
• 이미지 부분에 사용된 날짜를 겹쳐서 보여준다

상세 화면

• 사용 시간
• 사용 위치
• 공유된 정보

---

📋 연결 및 동기화

서버와 로컬에 모두 저장하여 인터넷 연결 상태와 상관 없이 사용 가능해야 한다

• 인터넷이 다시 연결된 경우 로컬의 변경 사항을 반영해야 한다

📋 기타 요구사항

• SNS 로그인 지원 (Kakao, Naver, Google)
• 지도 API (Kakao or Naver)
• 다국어 지원
• 다크모드 지원
• 간단한 목록 애니메이션
• 마감 기한이 얼마 남지 않은 기프티콘은 푸시 알림으로 알려준다
• 알림을 선택하면 바로 상세 화면으로 이동해야 한다
  • 백스택 관리 필요

---

📋 기술 스택

• Android + Kotlin
• Hilt
• Jetpack Room
• Firebase Cloud Storage
• DataStore
• Clean Architecture + MVVM
• Zxing
• MLkit

📋 미래에 추가할 기능

• 캘린더 기능
• 위젯
• 딥링크 방식으로 다른 사용자에게 기프티콘 공유
• 태블릿 모드 지원
• PIN 찾기 기능