/A2-CarTag

현대오토에버2팀 Cartalog 기획 구현

Primary LanguageTypeScriptMIT LicenseMIT

A2-CarTag

안녕하세요🙌🏻 현대 오토에버 2팀 CarTag 🚙 (칼퇴)입니다.

팀원 소개

다예님 깃허브 프로필 지성님 깃허브 프로필 종원님 깃허브 프로필 용재님 깃허브 프로필
FE-김다예 FE-박지성 BE-김종원 BE-이용재

프로젝트 소개

내가 탈 차, 이제 감이 아닌 데이터로.

hmg tag
현대만의 데이터로 차량 견적을 산출할 수 있는 서비스를 개발하였습니다.
image
실활용 데이터를 통해 합리적이게 차를 완성할 수 있어요.


🐜 저희 팀 칼퇴가 개발한 서비스로 합리적인 내 차를 만들어 보세요!

주요 기능

예산 설정

  • 드래그를 통해 화면 내 이동 가능
  • 선택한 옵션 가격이 반영되어 설정한 예산이 얼만큼 남은지 보여줍니다.

360도 회전

  • 드래그를 통해 선택한 차량 외부 360도 회전 가능

옵션 검색 자동완성

  • 옵션명 또는 해시태그를 통해 옵션 검색 가능
  • 키 이벤트로 검색 가능

유사 견적

  • 판매량 및 내 견적과 선택 옵션 유사도가 높은 다른 사람들의 실제 출고 견적을 보여줍니다.
image

공유하기 기능

  • 견적 완료 페이지에서 공유하기를 누르면 링크 복사
  • 복사된 링크를 통해 선택한 차량 공유 가능
image

PDF 다운로드 기능

  • 견적 완료 페이지에서 PDF 다운로드 가능
image

Preview

페이지

차종 선택 페이지 트림 선택 페이지 모델 타입 페이지
image image image
외장 색상 페이지 내장 색상 페이지 옵션 페이지
image image image

시연 영상

default.mp4

기술 스택

프론트엔드

백엔드

ERD

ERD 버전 관리

인프라 구조

image

👇🏻 링크