🤭 요구사항
로그인 페이지
- 구글 소셜 로그인 기반으로 로그인 한다.
- 최초 로그인 시 db에 사용자 정보 저장 후 메인 페이지로 이동
- 이미 회원인 경우 메인페이지로 이동
메인 페이지
- 인터렉션 이벤트 발생 후 메인페이지 로딩
- 메인 페이지에는 로고, 사용자 이미지, 서비스 소개, 이벤트 등록 버튼을 추가한다
마이 페이지
- 사용자 이미지, 사용자 계정정보, 받은 선물, 내 이벤트 정보가 출력이 된다.
- 받은 선물 목록은 선착순, 랜덤에서 사용자가 당첨된 선물 리스트 정보가 보인다. (실질적으로 받은 기프티콘 사진이나 대표이미지에 묶인 텍스트 등)
- 사용자가 받은 선물 사용 여부에 따라 true, false로 필터링
- 내 이벤트 목록은 내가 만든 이벤트 목록이 보인다. (대표 이미지)
- 진행 중, 종료(잔여수량이 0이거나, 종료시간이 지났을때)에 따른 true, false로 필터링
선물 디테일 페이지
- 내 이벤트 목록 디테일에서는 대표이미지 + 당첨된 사람들 정보가 보인다.
- 받은 선물 목록 디테일에서는 받은 선물 정보, 다운로드 버튼, 사용 여부 버튼이 있다.
선착순 선물 받기 페이지
- 이벤트 사용자가 등록한 카테고리별 선물 목록이 보인다.
- 남은 시간이 보인다.
- 받는 사람은 자신이 원하는 선물을 클릭해서 가져갈 수 있다.
- 수량이 남아 있어서 선물 받기가 성공이 되면 서버에서 true나 이벤트 정보가 내려와져서 이벤트 정보가 보이거나 성공했다는 alert가 띄워진다. (이후 마이페이지에 저장이 되고 마이페이지 받은 선물 디테일 페이지로 리다이렉트 된다.)
- 수량이 없어서 선물 받기가 실패했다면 실패 메시지를 띄워주고 새로고침으로 남아 있는 선물을 갱신해준다.
- 사용자가 선택한 선물 재고가 없어지면 이벤트가 종료된다.
랜덤 선물 받기 페이지
- 랜덤 박스를 클릭 시에 선물이 랜덤으로 튀어나온다.
- 당첨되었을 경우 마이페이지에 저장되고 마이페이지에 받은 선물 디테일 페이지로 리다이렉트 된다.
- 꽝인 경우 이미지로 보이고 끝난다.
- 선물 오픈까지 남은 시간(일수도 시간으로 변환)이 보인다.
- 선물 총 재고가 없어지면 이벤트가 종료된다.
이벤트 등록 페이지
- 이벤트 이름, 이벤트 커버이미지 등록 →
- 이벤트 시작, 종료 시간 설정 →
- 랜덤 or 선착순 설정 →
- 카테고리 별로 선물 등록(이미지, 링크, 편지, 참여자 수) →
- 카테고리 별 선물 여러개 등록 가능
- 선물 다 만들어 지면 링크 생성