전국 캠핑장 추천 플랫폼 - CampUs - ⛺️ (FE)

🏠 배포 주소 https://www.camp-us.ga

"열심히 일한 당신, 어디론가 떠나고 싶으신가요?"

🏕 전국의 캠핑장을 찾아볼 수 있는 서비스

• 3000 여개의 캠핑장 정보를 찾아볼 수 있습니다!
• 캠핑장의 후기, 게시글을 통해 다양한 정보들을 얻을 수 있습니다!

🔍 내가 찾고 싶은 캠핑장만 필터링

• 지역, 별점, 거리순 등 다양한 필터링으로 캠핑장 정보를 검색할 수 있습니다!

🗺 가까운 지역의 캠핑장 추천

• 브라우저에서 위치를 허용하면 내 위치에서 가까운 캠핑장을 추천 받을 수 있습니다!

🔔 알림을 통해 내 리뷰와 게시글에 좋아요한 회원 확인

• 내가 쓴 리뷰에 좋아요를 누르거나, 게시글에 좋아요를 누를 경우 알림을 통해 확인이 가능합니다!

👬 커뮤니티에서 얻는 다양한 정보와 꿀팁

• 커뮤니티에서 캠핑에 대한 다양한 정보들을 만나보세요
• 내가 쓴 글이 좋아요 수가 높다면 Best 게시글에 올라갈 수 있습니다!

👨‍💻 팀원 소개

송창엽	김선희	김상운	장대영
FrontEnd	FrontEnd	BackEnd	BackEnd

📚 Github WIKI.

⏰ 개발 기간

• 2022.01.18 ~ 2022.03.01 (6주)

🛠️ 개발 환경

FrontEnd

FE 프로젝트 칸반보드

BackEnd

BE 프로젝트 칸반보드

Infra

🗂 아키텍처

🗂 ERD

🗂 폴더 구조

└── src
    ├── App.js
    ├── index.js
    ├── assets
    │   └── images
    │       ├── Logo.svg
    │       ├── default.png
    │       ├── default_image.png
    │       └── marker.webp
    ├── common
    │   ├── addressData.js
    │   ├── axiosInstance.js
    │   └── category.js
    ├── components
    │   ├── auth
    │   │   ├── AuthProvider.js
    │   │   └── RegisterForm.js
    │   ├── campLike
    │   │   ├── CampLike.jsx
    │   │   └── CampLike.style.js
    │   ├── imageUpload
    │   │   ├── ImageUpload.jsx
    │   │   └── imagePreview
    │   │       ├── ImagePreview.jsx
    │   │       └── imagePreview.style.js
    │   ├── modal
    │   │   ├── Modal.jsx
    │   │   └── modal.style.js
    │   ├── navbar
    │   │   ├── Navbar.jsx
    │   │   └── navbar.styles.js
    │   ├── notice
    │   │   ├── Notice.jsx
    │   │   └── notice.style.js
    │   ├── review
    │   │   ├── Review.jsx
    │   │   ├── reveiwList
    │   │   │   ├── ReviewsList.jsx
    │   │   │   └── reviewsList.styles.js
    │   │   └── review.style.js
    │   ├── skeleton
    │   │   ├── Shimmer.jsx
    │   │   ├── likeSkeleton
    │   │   │   ├── LikeSkeleton.jsx
    │   │   │   └── likeSkeleton.style.js
    │   │   ├── recommendSkeleton
    │   │   │   ├── RecommendSkeleton.jsx
    │   │   │   └── recommendSkeleton.style.js
    │   │   ├── reviewSkeleton
    │   │   │   ├── ReviewSkeleton.jsx
    │   │   │   └── reviewSkeleton.style.js
    │   │   └── searchSkeleton
    │   │       ├── SearchSkeleton.jsx
    │   │       └── searchSkeleton.style.js
    │   └── tag
    │       ├── Tag.jsx
    │       └── tag.style.js
    ├── context
    │   ├── CampContext.js
    │   └── SearchPaginationContext.js
    ├── hooks
    │   ├── useGetDate.jsx
    │   └── useGetGeolocation.jsx
    ├── pages
    │   ├── communityPage
    │   │   └── CommunityPage.jsx
    │   ├── detailPage
    │   │   ├── DetailPage.jsx
    │   │   ├── campInformation
    │   │   │   ├── CampInformation.jsx
    │   │   │   └── campInformation.style.js
    │   │   ├── campLocation
    │   │   │   ├── CampLocation.jsx
    │   │   │   └── campLocation.style.js
    │   │   └── detailPage.style.js
    │   ├── mainPage
    │   │   ├── MainPage.jsx
    │   │   ├── mainBestReview
    │   │   │   ├── MainBestReview.jsx
    │   │   │   └── mainBestReview.styles.js
    │   │   ├── mainCampRecommend
    │   │   │   ├── MainCampRecommend.jsx
    │   │   │   ├── mainCampRecommend.styles.js
    │   │   │   └── nearCamp
    │   │   │       ├── NearCamp.jsx
    │   │   │       └── nearCamp.style.js
    │   │   └── mainSearch
    │   │       ├── MainSearch.js
    │   │       └── mainSearch.styles.js
    │   ├── myPage
    │   │   ├── MyPage.jsx
    │   │   ├── alrimList
    │   │   │   ├── AlrimLayout.jsx
    │   │   │   ├── AlrimList.jsx
    │   │   │   └── alrim
    │   │   │       ├── Alrim.jsx
    │   │   │       └── alrim.style.js
    │   │   ├── likeList
    │   │   │   ├── LikeListLayout.jsx
    │   │   │   ├── likeCamp
    │   │   │   │   ├── LikeCamp.js
    │   │   │   │   └── LikeCamp.style.js
    │   │   │   └── likesList.js
    │   │   └── myPage.styles.js
    │   └── searchPage
    │       ├── SearchPage.jsx
    │       ├── searchBar
    │       │   ├── SearchBar.jsx
    │       │   ├── resultList
    │       │   │   ├── ResultList.jsx
    │       │   │   └── ResultList.style.js
    │       │   ├── searchBar.style.js
    │       │   └── searchResult
    │       │       └── searchResult
    │       │           ├── SearchResult.jsx
    │       │           └── searchResult.style.js
    │       └── searchLocation
    │           ├── SearchLocation.jsx
    │           └── eventMarker
    │               ├── EventMarker.jsx
    │               └── eventMarker.style.js
    ├── service
    │   ├── api.js
    │   ├── firebaseAuth.js
    │   └── imageUploder.js
    └── styles
        ├── antdCustom.css
        ├── globalStyle.js
        └── theme.js

🛠 기획 및 설계

기능 명세서

페이지 기획서

디자인

DB 명세서

API 명세서

Swagger API 문서

백엔드 깃 레포

CampUs Back Git Repository