서비스 시연 영상

2022-02-25 12-27-00.mp4

1. GitHub 링크

🔗 모닥

2. 서비스 소개

한 줄 소개

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/171e2ef4-c30c-48c2-99f9-71b8221d6e06/Component_54.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/171e2ef4-c30c-48c2-99f9-71b8221d6e06/Component_54.svg" width="40px" /> “캠린이부터 캠핑 고인물까지”

캠핑족을 위해 캠핑장 이용 후기와 캠핑장 정보를 함께 제공하는 서비스입니다.

</aside>

기획 의도

• 코로나 이후 '언택트'가 강조되었고, 캠핑에 대한 관심이 급부상했고, 캠핑장소를 결정하는데 도움을 주는 사이트를 제작하기로 결정.
• 다른 사용자들이 직접 경험하고 작성한 후기는 유저들이 가장 신뢰할 수 있는 자료가 된다고 생각했고, 이를 중점적으로 보여주는 사이트를 제작하기로 했습니다.
• 실제로 캠핑장에 다녀온 사람만이 경험하고 느낀 정보가 있고, 캠핑장에서 제공하는 데이터와 리뷰를 손쉽게 모아 볼 수 있다면 캠핑장을 결정하는데 큰 도움이 될 것이라고 판단.
• 위와 같은 이유로 캠핑장 정보와 리뷰들을 간단하게 볼 수 있는 ‘모닥’ 프로젝트를 기획하게 되었습니다.

3. 서비스 주요 기능 설명

• 기본 기능
  • 로그인/로그아웃
  • 회원 가입
  • 회원 정보 수정
• 주요 기능
  • 헤더에서 캠핑장 상시 검색.
  • 캠핑장 리스트 페이지에서 테마별 캠핑장 추천. (자신이 좋아하는 캠핑장과 같은 테마의 여러 캠핑장을 추천받을 수 있다.)
  • 캠핑장 소개 페이지에서 리뷰 작성.
  • 메인 페이지에서 인기 캠핑장, 인기 리뷰를 보여줌으로서 해당 캠핑장 관심 유도
• 서브 기능
  • 다크 모드 버튼
  • 캠핑장 북마크(찜하기 기능)
  • 리뷰 좋아요 버튼
  • 리뷰 조건 정렬(최신순, 인기순 등)
  • 마이 페이지에서 내가 작성한 리뷰, 찜한 캠핑장 열람.

4. 기술 스택

5. 프로젝트 구조도

6.. 와이어프레임

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2F4IuP5rkdTNYy0jsJJ8txH1%2FWireframing-in-Figma%3Fnode-id%3D0%253A1

7. 페이지 및 기능 캡처

메인 페이지

캠핑장 리스트 페이지

캠핑장 리스트 페이지 기능

• 데이터 필터링

  

• 정렬

  

캠핑장 디테일 페이지

캠핑장 디테일 페이지 기능

• 리뷰 작성, 수정 및 삭제

  

• 캠핑장 북마크 및 리뷰 좋아요

  

유저 페이지

유저 페이지 기능

• 회원 정보 수정

• 휴지통 클릭하면 기본 이미지로 변경. 수정 버튼 안 누르면 변경 없음.
• 내 리뷰, 찜한 캠핑장 열람

페이지 공통 기능

• 로그인 및 로그아웃

• 다크 모드

• 검색 및 자동완성