- 회원 가입 페이지
- 이메일, 닉네임, 비밀번호를 입력해 회원가입이 가능하다
- 시간이 된다면 이메일 인증 기능 또는 중복 확인 기능(이메일, 닉네임) 구현
- SNS 계정을 이용한 간편 회원가입이 가능하다
- 페이스북, 카카오톡, 네이버 중 하나 도전해보기
- 로그인 페이지
- 회원가입 시 입력한 이메일, 비밀번호로 로그인이 가능하다
- SNS 계정을 이용한 간편 로그인이 가능하다
- 비밀번호, 아이디 찾기 버튼이 존재한다
- 나의 루틴 페이지
- 나의 루틴을 확인할 수 있다
- 아이콘, 루틴명, 시간, 요일 확인 가능
- 카테고리 별, 진행 중인 루틴, 완료한 루틴에 대한 필터 기능이 존재한다
- 플러스 버튼을 이용해 새로운 루틴 추가가 가능하다 ⇒ 루틴 생성 및 수정 페이지로 이동
- 수정과 삭제 버튼이 존재한다
- 호버 시 수정 & 삭제 버튼 활성화
- 수정 버튼 클릭 시 루틴 생성 및 수정 페이지로 이동
- 삭제 버튼 클릭 시 해당 루틴이 삭제된다
- 완료한 루틴, 미완료 루틴의 색상은 다르게 표시된다
- 미션(루틴 세부) 페이지
- 루틴에 대한 세부 미션 확인이 가능하다
- 아이콘, 미션명, 시간 확인 가능
- 플러스 버튼을 이용하여 새로운 미션 추가가 가능하다 ⇒ 미션 생성 및 수정 페이지로 이동
- 기존 미션에는 수정과 삭제 버튼이 존재한다
- 호버 시 수정 & 삭제 버튼 활성화
- 수정 버튼 클릭 시 미션 생성 및 수정 페이지로 이동한다
- 삭제 버튼 클릭 시 해당 미션이 삭제된다
- 미션들은 드래그를 통해 위치 이동이 가능하다
- 플레이 버튼을 통해 루틴 시작이 가능하다
- 미션이 없을 경우 플레이 버튼은 비활성화된다
- 루틴 진행 페이지
- 플레이 버튼을 눌러 각 미션 시작, 멈춤이 가능하가
- 미션 완료 후 체크 버튼을 누르면 다음 미션으로 이동하고 시간이 셋팅된다
- 넘어가기 버튼을 클릭하여 미션을 패스할 수 있다
- 각 미션이 완료되면 아래의 미션 아이콘 요약의 색깔이 변하게된다
- 완료, 패스 색깔이 다르게 표시된다
- X 버튼을 통해 진행 중인 루틴을 종료할 수 있다
- 종료 시 현재까지 진행했던 루틴 기록은 삭제 및 초기화된다
- Alert 창을 이용한 경고 표시
- 루틴 요약 페이지
- 내가 진행한 미션들의 시간, 완료 여부 확인이 가능하다
- 후기 작성을 원하는 경우 후기 남기기를 눌러 후기 작성이 가능하다
- 후기는 사진, 이모티콘을 이용한 평가, 간단 글을 작성하고 등록할 수 있다
- 공유하기 기능의 경우 더 논의해보고 결정할 것
- 후기 작성을 원하지않는 경우 확인 버튼을 눌러 나의 루틴 페이지 또는 마이 페이지로 넘어간다
- 루틴 생성 및 수정 페이지
- 아이콘, 루틴 명, 요일, 시작 시간, 카테고리를 지정하여 생성 가능하다
- 카테고리의 경우 미리 관리자가 정해놓은 카테고리 중에서 선택이 가능하다
- 복수로도 가능하도록 생각
- 하나라도 미입력 시 완료 버튼 비활성화
- 미션 생성 및 수정 페이지
- 아이콘, 미션 명, 색상, 지속 시간 지정이 가능하다
- 하나라도 미입력 시 완료 버튼 비활성화
- 커뮤니티 페이지 (루틴 / 미션)
- 여러 사람들의 루틴, 미션 확인이 가능하다
- 루틴 게시글에는 댓글, 좋아요, 후기, 찜 기능이 존재한다
- 미션 게시글에는 좋아요와 찜 기능만 존재한다
- 게시글 생성 및 수정 페이지
- 플러스 버튼을 이용해 루틴 또는 미션 게시글 생성이 가능하다
- 모달 형태로 나의 루틴 또는 미션이 리스트로 보여지며 원하는 루틴 또는 미션을 선택해 게시글을 구성할 수 있다
- 간단한 텍스트로 게시글 내용을 구성할 수 있다
- 게시글 조회 페이지
- 특정 루틴 게시글 선택 시 루틴과 해당하는 미션들 확인이 가능하다
- 해당 루틴을 수행한 사람들의 리얼 후기 확인 및 작성이 가능하다
- 해당 루틴에 대한 질문 등을 댓글로 남길 수 있으며 확인이 가능하다
- 댓글에 대한 대댓글 기능이 존재한다
- 댓글 좋아요 기능이 존재한다
- 위 두 개 합칠지 생각해볼 것
- 마이 페이지
- 달력 형태로 구성되어있으며, 일별로 완료 루틴 확인이 가능하다
- 루틴을 달성한 정도에 따라 일별 색깔이 짙어진다
- 루틴은 리스트 형태이며, 완료한 루틴의 경우 클릭하면 루틴 요약 페이지로 이동 가능하다
- 요약 페이지에서는 이전에 작성하지 못한 후기 작성이 가능하다
- 설정 페이지
- 프로필 사진 변경 기능
- 닉네임 변경 기능
- 비밀번호 변경 기능