B4-After(B04조)

Eat Site Seoul

🔗 사이트 보러가기

카카오 맵 API를 활용한 서울 맛집 공유 사이트 입니다.

팀원소개

김지환	박유영	서예은	서주환	양대우	유태윤
리더	팀원	팀원	팀원	팀원	팀원
RingKim1	Park-Yuyeong	yeeunseo-dev	JoohwanSeo	DAEWOOYANG0310	taeyun01

프로젝트

✔️ 프로젝트 요구사항

1. 필수 요구 사항

• 아래 3가지 중에 한 가지를 반드시 활용해서 만들어주세요.
  • 지도 API
  • Youtube API
  • 설문조사
• 전역 상태 관리 라이브러리
  • (필수) Tanstack Query
  • (선택) RTK, Zustand, Jotai, Recoil, ContextAPI
• DB 활용: Supabase

2. 더 나아가기

• 무한스크롤(Infinite Scroll) 구현 (Tanstack Query의 useInfiniteQuery 적용해보기)
• Youtube API 요청을 통해 pagination 구현
• Tanstack Query의 Optimistic Update 적용해보기
• Supabase Authentication 을 사용하여 로그인, 회원가입 기능 구현
• Custom Hook 을 이용한 비즈니스 로직 재사용
• memoization 을 이용한 렌더링 최적화 (useMemo, useCallback, memo)

🛠️ 기술 스택

📝 주요 기능

• 맛집 조회
• 맛집 검색 (가게이름, 카테고리, 주소)
• 맛집에 대한 리뷰 작성, 수정, 삭제

Wireframe

라이브러리

• @supabase/supabase-js
• @tanstack/react-query
• @tanstack/react-query-devtools
• react-router-dom
• react-use
• styled-components
• styled-reset
• swiper

🔗 링크

✨ TEAM NOTION