기업 담당자가 사용하는 어플리케이션 관리자 페이지
어플에서 사용하는 배너, 메뉴얼 등을 관리하고 회원가입 시 돌보미가 입력한 정보를 확인해서 승인해주는 것이 주된 역할
사용한 기술 스택
👉 FrontEnd
Typescript
React
React query
Recoil
👉 design library
Mui (Material UI)
👉 BackEnd:
Firebase
어플에서 사용하는 배너, 메뉴얼, 사용 가능 지역의 추가, 수정 및 삭제
회원가입한 돌보미의 정보를 확인, 수정하는 기능
전체 유저 목록과 전체 돌봄 요청 상황을 확인할 수 있는 기능
components
page의 UI를 구성하는 다양한 컴포넌트가 있는 폴더
constants
상수들을 모아놓은 폴더
firebase
이번에는 백엔드 서버로 firebase를 사용해서
로그인을 위한 firebase auth
데이터베이스로 사용하는 firebase firestore,
이미지 업로드를 위한 firebase storage로 구분해서 사용했습니다.
hooks
custom hook들이 모여있는 폴더
pages
사용자가 주로 상호작용하는 page가 있는 폴더
recoil
상태 관리를 위한 recoil Atom이 모여있는 폴더
utils
다양한 파싱 함수들이 모여있는 폴더