😋 맛이어때 Masiottae-FE

🙌 커스텀 메뉴 공유 플랫폼 : 맛이어때

맛이어때는 커스텀 메뉴에 흥미가 있는 사용자들이 자신의 커스텀 메뉴를 공유하고 리뷰할 수 있는 SNS 플랫폼 입니다.
자신에게 딱 맞는 메뉴를 자유롭게 만들고, 공유하고, 찾아보세요!

🔗 프로젝트 관련 링크

• 맛이어때 팀 노션
• 맛이어때 api 문서
• 맛이어때 FE rule book
• 백엔드 Repo

📁 디렉토리 구조

📦src
 ┣ 📂components
 ┣ 📂constants
 ┣ 📂hooks 
 ┃ ┣ 📂mutations // react-query 의 useMutation 디렉토리
 ┃ ┣ 📂queries // react-query 의 useQuery 디렉토리
 ┃ ┣ 📜useClickAway.ts // 기타 다른 hooks
 ┃ ┣ 📜useForm.ts
 ┃ ┣ 📜useIntersectionObserver.ts
 ┃ ┗ 📜useRouterLoading.ts
 ┣ 📂interfaces // typescript 사용을 위한 interface
 ┣ 📂lib 
 ┃ ┗ 📂axios
 ┣ 📂recoil
 ┃ ┗ 📜currentUser.ts
 ┣ 📂types // typescript 사용을 위한 types
 ┃ ┗ 📜index.ts
 ┗ 📂utils

📃 실행 환경 및 방법

node.js와 npm이 설치되어있어야 합니다.

$node --version
v16.15.0

$npm --version
8.13.2

프로젝트 clone 후 서버를 실행합니다.

git clone https://github.com/prgrms-web-devcourse/Team-Tasty-Masiottae-FE.git
cd Team-Tasty-Masiottae-FE
npm install

기본 주소는 http://localhost:3000으로, 서버 실행 후 해당 주소로 접속하시면 됩니다.

개발 서버 실행

npm run dev

프로덕션 빌드 후 실행

npx next build
npx next start

✨ 프로젝트 결과물

⚒️ 기술 스택

언어
IDE
프레임워크
라이브러리
상태관리
패키지관리
Formatter
배포
협업툴

🗓️ 개발 기간

7월 21일 ~ 8월 15일

🧑‍💻 팀원

하신영	권내영	이지원	조계진
팀장	팀원	팀원	팀원