corpse-escape

ko.시체 탈출

특정 시간 마다 알려주는 스트레칭

기획

https://www.figma.com/file/fqXVK02mN2waGzgnYb4WyG/%ED%97%AC%EC%8A%A4-%EB%85%B8%ED%8A%B8?node-id=2%3A98

세팅 페이지

1. setting 이 최초로 설정되었는지 확인한다
   1. 설정되있지 않다면, 반갑습니다 ~ 로 처음부터 세팅이 진행된다. (#6)
      1. 공통적으로 옵션이 선택되면 자동으로 다음 옵션 선택문구가 진행된다.
      2. 이미 선택된 옵션을 수정하는 버튼을 클릭하면 옵션 선택이 다시 등장한다, (#7)
         1. 기존에 진행중이던 옵션선택창은 닫힌다.
      3. position 옵션 (#10)
         1. 선택 후 (저는) 문구 옆에 선택한 옵션 문구가 쓰여진다.
      4. interval(#11) 및 duration(#12) 을 선택하는 옵션
         1. 시간 버튼 라벨(#3)을 클릭하면 설정된 시간 Input(#4) 이 증가한다.
         2. 다시 입력 버튼(#9)을 누르면 #4 설정된 시간 Input 이 0으로 초기화 된다.
         3. 설정된 시간 Input (#4) 은 keyboard 로 수정가능하며, 숫자만 입력가능하다.
         4. 옵션 선택 완료 버튼(#5) 을 누르면 다음 옵션이 진행된다.
      5. (#12) duration 옵션선택이 되면 자동으로 "시작해 볼까요?" 문구가 표시되며, 대기 페이지로 자동 리디렉션 된다.
   2. 설정 되있다면, 설정 수정 페이지 로 이동한다 .
      1. (#14) 시작해 볼까요? 버튼을 클릭하면 설정이 완료된 후 대기 페이지로 이동한다.
      2. 각 옵션의 edit 버튼을 누르면 옵션을 바꿀 수 있다.
         1. edit 옵션 선택 영역은 1개만 보여질 수 있다.
         2. 다른 옵션 edit 을 선택했다면 기존 edit 선택 영역은 닫힌다.
      3. (#15) 대기 페이지로 이동 버튼, 을 클릭하면 설정이 반영되지 않고 대기페이지로 이동한다.

플러그인 옵션

대기 페이지

운동시작

기능

• 30분마다 자세 알림
• 2시간마다 스트레칭 랜덤 따라하기
• 1시간마다 물먹기 알림
• 스트레칭 종류 선택 가능
• 크롬 확장프로그램
• 서비스 접속시 백그라운드 알림
• 스트레칭 재생속도 조절
• 사용자가 설명, 사진 등록 적을 수 있게
• 나중에는 캐릭터 설정 가능. 애니매이션, 사진 -> 학습 -> 캐릭터가 모션
• 일러스트레이터 등록 작가 등록
• 트레이너 등록, 수익창출
• 조직 등록

Project

client

created project with...

yarn create vite client --template react-ts