동산(DongSan) - 나만의 산책로 생성 및 공유 웹앱 🌳

📝 프로젝트 소개

동산(DongSan)은 사용자들이 자신만의 산책 경로를 생성하고 공유할 수 있는 웹 애플리케이션입니다.
'동네'와 '산책'의 합성어로, 일상적인 산책을 더욱 즐겁고 의미있게 만들어주는 서비스입니다.

🔗 배포 링크

• 웹사이트: https://www.dongsanwalk.site/
• 앱스토어 다운로드: https://apps.apple.com/kr/app/%EB%8F%99%EC%82%B0/id6743763411

⚠️ 현재 앱은 WebView로 동작하며, 모바일 환경 사용을 권장합니다.

👥 팀원 구성

Frontend

이다은	노성원
FE 팀장	FE 팀원

💻 기술 스택

🚀 주요 기능

1. 산책로 생성 및 관리

• 나만의 산책로 생성
• 산책로 거리, 소요 시간 기록

2. 산책로 공유

• 다른 사용자들과 산책로 공유
• 다른 사용자의 산책로를 직접 따라걷기
• 산책로에 대한 리뷰 및 별점 등록
• 산책로 좋아요, 북마크 저장

3. 커뮤니티 활동

• 크루를 만들거나 원하는 크루에 가입
• 크루원끼리 함께 산책할 인원 모집
• 현재 산책 중인 크루원을 실시간으로 확인

🎬 기능 시연

1. 산책로 생성	2. 산책로 상세 조회	3. 산책로 검색
나만의 산책 경로를 만들고 정보를 입력하여 저장합니다.	다른 사용자들이 만든 산책로의 상세 정보와 리뷰를 확인합니다.	원하는 지역을 검색하고 등록된 산책로를 확인합니다.
4. 산책로 이용	5. 리뷰 작성	6. 산책로 저장
산책로의 경로를 직접 따라 걸을 수 있습니다.	직접 다녀온 산책로에 별점과 후기를 남길 수 있습니다.	다른 사용자의 산책로를 저장할 수 있습니다.

🚀 커뮤니티 신기능 업데이트 후

새로운 커뮤니티 기능을 추가했습니다. 다양한 크루 활동이 가능하며, 산책중인 크루원을 실시간으로 확인할 수 있습니다.

7. 크루 활동	8. 함께 산책 중인 크루원 확인	9. 함께 산책할 크루원 모집	10. 함께 산책 참여
크루를 만들거나 원하는 크루에 가입할 수 있습니다.	함께 산책 중인 크루원을 실시간으로 확인할 수 있습니다.	함께 산책할 크루원을 모집할 수 있습니다.	함께 산책에 참여하고 함께 산책 중인 크루원을 실시간으로 확인할 수 있습니다.

📂 프로젝트 구조

DONGSAN/
├── src/                
│   ├── apis/           # API 통신 관련 로직
│   ├── assets/         # 이미지, 미디어 파일 등
│   ├── components/     # 재사용 가능한 공통 컴포넌트
│   ├── constants/      # 상수 값 정의
│   ├── hooks/          # 커스텀 훅
│   ├── navigator/      # 라우팅 관련 로직
│   ├── pages/          # 페이지 컴포넌트
│   ├── styles/         # 스타일 관련 파일, 전역 스타일 설정
│   ├── type_declaration/  
│   ├── types/         # 타입 정의 파일
│   ├── utils/         # 유틸리티 함수
│   ├── App.tsx        
│   └── index.tsx     
└── .env

⚙️ 설치 및 실행 방법

1. 저장소 클론

git clone https://github.com/username/dongsan.git
cd dongsan

2. 의존성 패키지 설치

npm install

3. 환경 변수 설정

# .env 파일에 필요한 환경 변수 입력

4. 개발 서버 실행

npm start