관리자 페이지 프로젝트 개요

철판김치덮밥·2022년 12월 6일
1

프로젝트 개요

기업 담당자가 사용하는 어플리케이션 관리자 페이지

어플에서 사용하는 배너, 메뉴얼 등을 관리하고 회원가입 시 돌보미가 입력한 정보를 확인해서 승인해주는 것이 주된 역할

프로젝트 세팅

사용한 기술 스택

👉 FrontEnd
Typescript
React
React query
Recoil

👉 design library
Mui (Material UI)

👉 BackEnd:
Firebase

프로젝트에서 요구하는 기능:

  • 어플에서 사용하는 배너, 메뉴얼, 사용 가능 지역의 추가, 수정 및 삭제

  • 회원가입한 돌보미의 정보를 확인, 수정하는 기능

  • 전체 유저 목록과 전체 돌봄 요청 상황을 확인할 수 있는 기능

추가로 진행할 수도 있는 기능
    돌봄 요청 사항을 확인하여 수정할 수 있는 기능

프로젝트 폴더 구조

app

components

page의 UI를 구성하는 다양한 컴포넌트가 있는 폴더

constants

상수들을 모아놓은 폴더

firebase

이번에는 백엔드 서버로 firebase를 사용해서

로그인을 위한 firebase auth

데이터베이스로 사용하는 firebase firestore,

이미지 업로드를 위한 firebase storage로 구분해서 사용했습니다.

hooks

custom hook들이 모여있는 폴더

pages

사용자가 주로 상호작용하는 page가 있는 폴더

recoil

상태 관리를 위한 recoil Atom이 모여있는 폴더

utils

다양한 파싱 함수들이 모여있는 폴더

0개의 댓글