미리보기

프로젝트 기획

기존의 여행사 형식이 아닌 누구나 가이드가 되고 참가자가 될 수 있는 여행 플랫폼 기획

마이페이지

• 내 계정- 본인 정보 확인 및 수정 가능

• 내 여행- 내가 만든여행 예약상태(대기,승인,거절)에 따른 표시

• 내 여행- 내가 참여한 여행(활성화, 비활성화)에 따른 표시

• 무한스크롤 적용(tanstack-query의 useInfinityQuery)
  
  

토스트알림

• react-toastify를 활용한 알림창

플로팅 메뉴

• +,- 버튼을 통해 원하는 정보만 입력할 수 있는 플로팅 메뉴를 만들었습니다

여행 생성

• 일정 및 팀원수를 정하여 여행팀을 최대 4팀까지 생성할 수 있도록 하였습니다

플레이리스트 공유 플랫폼

• 메인페이지

  • 무한스크롤 및 스켈레톤 UI 적용

    • 스크롤 높이를 계산하는 방식으로 구현

  • Grid를 활용한 활용하여 반응형 카드형 리스트 구성

  • React Slick을 활용한 캐러셀 구현

• 플레이리스트 페이지

  • 메인페이지의 카드와 다르게 메뉴닷을 추가하여 클릭시 드롭다운메뉴가 열리며 수정 및 삭제 가능

• 초기세팅

  • Husky설정,eslint설정

• 기술 스택: react, react-query, typescript

카페 알바생을 위한 급여 및 업무 관리 플랫폼

• 급여확인 페이지

  • suspense와 lazy를 활용하여 로딩창 적용

  • 더보기 버튼을 누를시 5개씩 추가로 급여가 보여지도록 설정

  • 이전달/다음달 이동기능 및 해당 달에 데이터없을시 버튼 비활성화

• Firebase 설정

• 프로필페이지