🎤 글로벌노마드 (Global Nomad)

캘린더와 지도 뷰를 활용해 예약 가능한 날짜를 설정하고, 체험 상품을 예약하는 웹 어플리케이션

🌟 프로젝트 소개

🗓️ 프로젝트 기간

2025/12/20 (토) ~ 2025/01/19 (월)

✨ 주요 기능

🌐 배포 주소

➡️ GlobalNomad

🛠 기술 스택

구분	사용 기술
Frontend
Styling
상태 관리
HTTP 클라이언트
Routing
배포
협업

🚀 시작하기

필수 조건

• Node.js 18.0 이상
• npm

설치 및 실행

# 저장소 클론
git clone https://github.com/5team-gn/GlobalNomad.git

# 의존성 설치
npm install

# 개발 서버 실행
npm run dev

📁 프로젝트 구조

폴더 완성시 수정 예정

🔗 API 문서

• Swagger UI: https://sp-globalnomad-api.vercel.app/docs/#/

🎯 주요 페이지

메인 페이지

로그인 페이지

체험 상세 페이지

내정보 페이지

체험등록 페이지

예약 페이지

🚫NotFound 페이지

• 잘못된 경로로 접근했을 때, 에러를 안내하고 이전 또는 메인 페이지로 이동

👥 팀원

김재승

🏷️역할

🖥️ 김재승

• 공통 컴포넌트

  • 공통 Header 컴포넌트 구현
  • 공통 Footer 컴포넌트 구현

• 로그인 페이지

  • 로그인 페이지 구현

• 배포

• 발표 및 발표 자료 제작

🖥️ 배정민

• 공통 컴포넌트

  • 공통 Card 컴포넌트 구현

• 체험 상세 페이지

  • 체험 상세 페이지 구현

🖥️ 최희락

• 공통 컴포넌트

  • 공통 Input 컴포넌트 구현
  • 공통 Search 컴포넌트 구현

• 내정보 페이지

  • 내정보 페이지 구현

🖥️ 황태우

• 공통 컴포넌트

  • 공통 Modal 컴포넌트 구현

• 체험 등록 페이지

  • 체험 등록 페이지 구현

🖥️ 선기훈

• 공통 컴포넌트

  • 공통 Button 컴포넌트 구현

• 예약 페이지

  • 예약 페이지 구현

🎓 학습 포인트

• React 컴포넌트 설계: 재사용 가능한 컴포넌트 개발
• 팀 협업: Git 브랜치 전략 및 코드 리뷰 프로세스
• SDK 활용: 예약 시스템, 지도 기능, UI/UX 개선에 SDK 활용을 통해 복잡한 기능을 구현해보고자 하는 개발

📜 라이센스

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 감사의 글

이 프로젝트는 코드잇 스프린트 Front-End 19기 교육 과정의 팀 프로젝트로 제작되었습니다.