CourseMos_FE

coursemosfe.vercel.app

🌌 CourseMos_FE
AI 기반 데이트 코스 추천 서비스

---

🚀 주요 기능

• 맞춤 데이트 코스 AI 추천
• 날짜/시간/장소/기타 조건 입력
• 네이버 지도 기반 위치 선택
• 로그인 및 마이페이지(프로필/사진 변경)
• 추천 결과 상세 보기 및 태그/이미지 제공

---

🛠️ 기술 스택

분류	사용 기술
프론트엔드	React, Vite, TailwindCSS, Framer Motion
지도	네이버 지도 SDK
상태관리	React Hooks (useState, useEffect 등)
스타일링	TailwindCSS
애니메이션	Framer Motion
기타	Axios, ESLint, Prettier

---

🖥️ 개발 환경

• React + Vite
• TailwindCSS
• Framer Motion
• 네이버 지도 SDK

---

📦 설치 및 실행

npm install
npm run dev

• 개발 서버: http://localhost:3000

---

📁 폴더 구조

• src/pages : 주요 페이지 컴포넌트
• src/components : UI/기능 컴포넌트
• src/api : API 통신 모듈
• public/ : 이미지 및 정적 파일

---

💡 사용법

1. 인트로에서 스와이프(←/→)로 단계 이동
2. 날짜/시간/장소/기타 정보 입력
3. 추천 결과 확인 및 상세 보기

---

📝 기타

• 환경 변수: .env.local 참고
• Tailwind 설정: tailwind.config.js
• Vite 설정: vite.config.js

---

문의/기여 환영합니다!