sisicolcol / client Goto Github PK

📢 이슈 내용

회원가입 및 로그인 화면을 구현한다.

✔️ 체크리스트

• 시각장애인/활동지원사 선택 화면
• 로그인 화면
• 시각장애인 회원가입 화면 1
• 시각장애인 회원가입 화면 2 (아이디/비밀번호)
• 활동지원사 회원가입 화면
• 활동지원사 약관동의 화면

📍 참고 내용

• 시각장애인/활동지원사 따라 가입 양식이 달라야 한다.

📢 이슈 내용

push 알림을 구현한다.

📃 상세 내용

• 안드로이드용 먼저 작업하고 ios에는 추후 추가 예정(맥북에서만 가능)

✔️ 체크리스트

• 안드로이드용 push 알림
• ios용 push 알림

📍 참고 내용

📢 이슈 내용

axios를 사용하여 api를 연동한다.

📃 상세 내용

• axios 인스턴스를 만들고 연동 함수를 한 파일에 만든다.

✔️ 체크리스트

활동지원사

• 회원가입/로그인
• 퀵 활동지원서비스 목록 조회하기 get
• 퀵 활동지원서비스 신청하기 post
• 사전예약활동지원서비스 목록 조회하기 get
• 사전예약활동지원서비스 신청하기 post

시각장애인

• 회원가입
• 로그인
• 활동지원서비스 지원하기 post
• 신청목록 전체 get
• 신청목록 개별 get
• 신청목록 메모 post
• 매칭 헬퍼 목록 get
• 매칭 헬퍼 이력서 조회 get
• 지원한 헬퍼 목록 조회 get
• 지원한 헬퍼 수락/거절하기 post
• 신청목록 - 서비스 완료 post
• 신청목록 - 서비스 파투 post

공통

• 시각장애인 채팅 리스트
• 활동지원사 채팅 리스트
• 시각장애인 채팅 내용
• 활동지원사 채팅 내용

📍 참고 내용

📢 이슈 내용

활동지원사 사전 예약 활동지원서비스 지원하기 메뉴 화면들의 UI를 구현한다.

📃 상세 내용

• 빨리... 끝낼게요..........

✔️ 체크리스트

• 지원하기 메인 화면
• 상세내역 확인하기
• 상세내역 확인하기 textinput에서 text로 변경
• 지원하기
• 기존 자기소개서
• 새로운 자기소개서
• 지원 완료 화면

📍 참고 내용

📢 이슈 내용

지원한 활동지원사 확인하기 페이지를 구현한다(플로우차트 3)

✔️ 체크리스트

• 지원한 활동지원사 리스트
• 활동지원사 이력서 확인 토글
• 활동지원사 수락/거절 모달

📍 참고 내용

📢 이슈 내용

자기소개서 작성 및 저장을 위한 마이페이지 화면을 구현한다.

✔️ 체크리스트

• 마이페이지 화면
• 새로운 자기소개서 화면
• 새로운 자기소개서 저장 버튼 클릭시 모달

📍 참고 내용

📢 이슈 내용

시각장애인의 신청목록 내부 버튼의 작동을 구현한다

📃 상세 내용

• blindstack의 Apply 스택그룹에 작동 화면을 포함한다

✔️ 체크리스트

• 신청 활동지원서비스의 자세한 신청 내용 보기
• 신청 활동지원서비스의 매칭 활동지원사 확인하기

📍 참고 내용

• 각 작동 화면 내부에도 페이지 이동이 있으니 이후 네비게이션을 만들 때 참고할 것.

📢 이슈 내용

시각장애인과 활동지원사용 채팅 화면을 구현한다.

✔️ 체크리스트

• 시각장애인 채팅목록
• 활동지원사 채팅목록
• 시각장애인 채팅
• 활동지원사 채팅

📍 참고 내용

📢 이슈 내용

활동지원사 화면의 내비게이션을 생성한다.

📃 상세 내용

✔️ 체크리스트

• 스택 내비게이션 생성
• 탭 내비게이션 생성
• 내비게이션 스타일링

📍 참고 내용

📢 이슈 내용

공통적으로 사용할 컴포넌트를 만든다.

📃 상세 내용

• 피그마를 참고하여 재사용 가능한 컴포넌트를 만든다.
• 접근성을 높이기 위한 라벨 및 포커스 컨트롤을 사용한다.

✔️ 체크리스트

• 모달
• 페이지 제목 및 정보
• TextInput
• 라디오 버튼
• 파란색 버튼 (메인 버튼)
• 그림자 View (자기소개서)
• 언더바 버튼 (BottomButton)

📍 참고 내용

• components/common/에 생성, 자주 쓰는 폰트사이즈 정보는 theme.js에 저장해둔다.
• https://runebook.dev/ko/docs/react_native/accessibility

📢 이슈 내용

남은 기능을 마무리한다..

📃 상세 내용

• 활동지원사 회원가입 확인 및 수정, 나의지원목록 구현

✔️ 체크리스트

• 활동지원사 회원가입
• 나의 지원목록 페이지 구현
• 나의 지원목록 연동

📢 이슈 내용

시각장애인 화면을 위한 내비게이션을 생성한다.

📃 상세 내용

• 스택 내비게이션을 사용한다.
• Native Stack Navigator가 아닌 Stack Navigator 사용

✔️ 체크리스트

• 스택 내비게이션 생성
• 각 메뉴 기본 페이지 생성

📍 참고 내용

• https://reactnavigation.org/docs/stack-navigator/

📢 이슈 내용

활동지원사 퀵 활동지원서비스 지원하기 메뉴 화면들을 구현한다.

✔️ 체크리스트

• 홈 화면
• 지원하기
• 상세 내역
• 자기소개서 선택
• 기존 자기소개서
• 새로운 자기소개서
• 지원 완료

📍 참고 내용

📢 이슈 내용

시각장애인이 신청한 활동지원서비스의 완료화면을 구현한다

📃 상세 내용

• 신청활동지원서비스에서 서비스 제공 시간이 만료되면 뜨는 서비스 완료/파투 화면을 구현한다.

✔️ 체크리스트

• 서비스 목록 화면 구현
• 서비스 완료/파투 버튼 클릭 시 뜨는 모달 구현
• 모달 내부 입력 로직 구현

📍 참고 내용

📢 이슈 내용

�시각장애인 홈 화면 및 활동지원서비스 신청하기 메뉴 UI를 구현한다.

✔️ 체크리스트

• 홈 화면 구현
• 홈 화면 내비게이션
• 활동지원서비스 신청하기 화면 구현
• 활동지원서비스 신청하기 각각 입력 양식 확정 및 구현
• 활동지원서비스 신청하기 모달 구현

📍 참고 내용

• https://github.com/APSL/react-native-keyboard-aware-scroll-view 라이브러리 사용