Skip to content

금나와라 뚝딱 | 금뚝이로 이벤트를 준비하고 선물 주고 받기!

Notifications You must be signed in to change notification settings

prgrms-web-devcourse/Team_DOKEV_GOLDDDUCK_FE

Repository files navigation

📆 프로젝트 기간: 2021.11.26 ~ 2021.12.22

저희 도깨비팀의 프로젝트인 금나와라 뚝딱은 이벤트 주최자가 만든 선물을 사용자가 수령하는 서비스입니다.

ReactTypeScriptNext.jsContext APIESLint
Emotion JSStorybookNetlify

프로젝트 소개

  • 프로젝트 명: 금나와라 뚝딱
  • 기획 이유
    • 다수의 친구나 지인들에게 선물(ex 기프티콘)을 줄 때 일일이 한 명 한 명 전달해 주거나 전화번호를 물어봐야 했던 경험이 있으신가요? 금 나와라 뚝딱은 이러한 불편함을 없애고 선물을 편하고 재미있게 전달하면 어떨까?라는 물음에서 탄생했습니다.
    • 금나와라 뚝딱은 단순히 선물을 지목한 사람에게 주는 형식이 아니라, ‘랜덤’ 또는 ‘눈치게임’의 방식을 통해 게임처럼 재미있게 선물을 나눌 수 있는 서비스입니다.

👨‍💻팀 소개

GitHub
팀장 문승희
팀원 박민수
팀원 도가영

팀 활동 기록

Notion Figma Jira Software

🐱 Git branch 전략

  • Jira Software를 활용하여 이슈 기반 branch
    • 최대한 작은 단위의 이슈

설치 및 실행

  • 실행환경: NodeJS 14.17.6
  • 설치
    • $ yarn install
  • 실행
    • $ yarn start
  • UI 컴포넌트
    • $ yarn storybook

API

Usage

마이 페이지

  • 내가 받은 선물 목록들을 볼 수 있습니다.
  • 전체, 미사용, 사용 탭으로 구별 가능합니다.
  • 사진 저장 및 토글로 사용 여부를 체크할 수 있습니다. 마이페이지

나의 이벤트 탭

  • 내가 만든 이벤트 목록들을 볼 수 있습니다.
  • 이벤트 상태에 따라 전체, 대기 중, 진행 중, 종료 탭으로 구별 가능합니다.
  • 종료된 이벤트의 경우 당첨자 목록을 확인할 수 있습니다.
  • 이벤트 삭제도 가능합니다. 나의 이벤트 탭

이벤트 등록

  • 모든 폼이 입력되어야지 다음 step으로 넘어갑니다. 이벤트 등록1

이벤트 등록2

  • 제공할 선물들을 등록합니다.
  • 참여자 수 보다 더 많은 선물을 등록할 수 없습니다. 이벤트 등록2

이벤트 등록3

  • 이벤트 오픈 시간 : 현재 시간보다 빠르게 설정할 수 없습니다.
  • 이벤트 종료 시간 : 이벤트 오픈 시간보다 빠르게 설정할 수 없습니다.
  • 이벤트가 성공적으로 등록이 되면, 링크가 생성이 됩니다.
  • 링크 복사를 통해 링크를 전달할 수 있습니다. 이벤트 등록3

랜덤 선물받기

  • 이벤트 작성자는 해당 이벤트에 참여할 수 없습니다.
  • 오픈 시간이 되어야지 이벤트에 참여할 수 있습니다.
  • 랜덤으로 선물을 받아 가게 됩니다. (꽝 포함) 랜덤선물받기

눈치게임 선물받기

  • 이벤트 작성자는 해당 이벤트에 참여할 수 없습니다.
  • 오픈 시간이 되어야지 이벤트에 참여할 수 있습니다.
  • 여러개의 선물중에 참여자가 마음에 드는 선물을 선택합니다.
  • 눈치 게임으로 단 한번만 참여할 수 있습니다.
    • 선택한 선물의 수량이 없어서 못 받은 경우, 다른 상품이 남아 있어도 다시 참여 불가!
  • 눈치게임