Camping Very Good!은 D3를 활용하여 캠핑장 조감도를 선택할 수 있는 기능을 제공하는 웹사이트입니다.
사용자는 캠핑장의 구조와 위치를 확인하고 예약할 수 있습니다.
이 프로젝트를 통해 D3를 활용한 데이터 시각화 및 사용자 경험에 대한 이해를 높일 수 있었습니다.

Features

• 조감도 선택: 사용자는 캠핑장의 조감도를 확인하고 원하는 위치를 선택할 수 있습니다.
• 예약 기능: 선택한 위치에 대한 예약을 진행하고 예약 내역을 확인할 수 있습니다.
• 데이터 시각화: D3를 활용하여 캠핑장의 구조를 시각적으로 표현하고 사용자에게 제공합니다.
• 평점 및 리뷰: 사용자는 5각형 레이더 차트를 통해 캠핑장에 대한 평점과 리뷰를 작성하고 공유할 수 있습니다.

Tech Stack

• Frontend: React, Redux, D3, Styled-components
• Data Visualization: D3.js
• Deployment: AWS S3

구현 세부 사항

• D3.js를 사용하여 캠핑장의 조감도를 시각화하고 사용자가 선택할 수 있는 인터랙티브한 UI를 제공합니다.

• SVG 요소를 활용하여 캠핑장의 구조를 그리고 사용자의 입력에 따라 동적으로 변경합니다.

• 데이터 바인딩을 통해 캠핑장의 정보를 시각적으로 표현하고 사용자에게 제공합니다.

• 애니메이션을 추가하여 사용자가 캠핑장의 구조를 쉽게 이해하고 선택할 수 있도록 도와줍니다.

• AWS S3를 사용하여 정적 파일을 호스팅하고 웹사이트를 배포합니다.

• Styled-components를 활용하여 컴포넌트 스타일링을 관리하고 컴포넌트 간의 의존성을 줄입니다.

• Redux를 사용하여 전역 상태를 관리하고 컴포넌트 간의 데이터 공유를 간편하게 합니다.