TripPop 🌏

맞춤형 여행지 추천 서비스 TripPop

📖 Description

여행을 가고싶지만 여행지를 고르지 못한 미래의 여행자에게 AI가 맞춤형 여행지를 추천합니다.

나이, 성별, 본인의 취향을 입력하고 맞는 여행지를 추천받으세요!

🐤 Demo

⭐ Main Feature

회원가입 및 로그인

• base 로그인, OAuth2 로그인
• JWT 이용

이미지 응답

• Google API를 활용하여 AI가 추천해준 장소에 대한 이미지 응답
• 즐겨찾기

💻 Getting Started

Installation

yarn

Develop Mode

yarn dev

🔧 Stack

• Language: TypeScript
• Library & Framework : React.js + Vite
• Status Management : Zustand
• CSS : Tailwindcss

📂 Project Structure

src
├── api
├── assets
│   └── font
├── components
│   ├── common
│       └── icon
│   ├── layout
│       └── header
│   ├── place
│       ├── card
│       └── review
│   ├── survey
│   └── userinfo
│       └── card
├── data
├── hooks
├── pages
│   └── userinfo
└── stores

🔨 Improvement (공통 API 처리)

Fetch API와 React Query를 활용하여 공통 API 훅(useApi)을 만들었습니다.

useApiQuery와 useApiMutate를 만들어, 리액트 쿼리의 기능과 Fetch API에서 공통적인 설정 정보를 모두 관리하도록하여, 유지보수가 쉽도록 설계했습니다.

👨‍👩‍👧‍👦 Developer

• 한신 (Urchinode)
• 김영진 (KmYgJn)