ZIPSEE는 맞춤형 부동산 플랫폼으로 사용자에게 매물 정보 제공 및 추천 서비스를 제공합니다.
ZIPSEE는 집을 구하는 사람들을 위한 부동산 플랫폼입니다.
집(ZIP) + 보다(SEE)
압축파일 확장자(ZIP) + 보다(SEE)
의 복합적인 뜻을 가진 이름으로 부동산 매물을 사용자에게 맞추어
압축하여 제공합니다.
사용자가 등록한 관심 사항에 따라 추천 매물이 변경되어 사용자가 필요한 매물을 쉽게 찾을 수 있게 하였습니다.
npm install
npm run serve
- 메인 화면
- 로그인 화면
- 관심사, 관심지역 다중 선택 가능
- 관심지역의 경우 추가하기 버튼을 눌러 동을 선택할 수 있으며 선택시 자동으로 관심지역 라벨에 추가되며 다시 지역이름 뱃지를 누를 경우 관심지역에서 제거된다.
- 필수 입력 정보가 입력되지 않았을 경우 회원가입 실패 안내 창이 출력되고 입력되지 않은 빈칸이 붉게 바뀐다.
- 회원 정보를 수정할 수 있고 탈퇴 또한 가능하다.
- 공지사항 제목을 누르면 바로 밑에 게시글의 내용이 보인다.
- 관리자 계정으로 접속한 경우에만 글쓰기 버튼이 활성화되어 공지사항을 작성할 수 있다.
- 자주 묻는 질문을 모아놓은 탭이다.
- 사용자가 1:1문의글을 작성하면 관리자 계정에서 확인할 수 있다.
- 사용자는 마이페이지에서 관리자가 답변한 1:1문의 답변 게시글을 확인할 수 있다.
- 사용자가 1:1문의글을 작성하면 관리자 계정의 마이페이지의 1:1문의 답변 탭에 게시글로 쌓인다. 답변했을 시 '답변됨'으로 표시되며 미답변시 게시글을 클릭하면 밑에 답변할 수 있는 텍스트박스가 나온다.
- 관리자가 답변 시 사용자의 마이페이지의 1:1문의 게시글에 답변된 내용이 달린다.
- Kakao map API를 사용하여 선택한 매물을 지도에 표시한다.
- 매물은 지도 오른쪽에 표시되며 하트 버튼 클릭시 마이페이지의 관심매물로 등록된다. 하트 버튼을 재 클릭하면 관심매물에서 해제된다.
- 보러가기 버튼 클릭시 매물 상세페이지로 이동한다.
- 사용자가 찜한 관심매물을 한눈에 볼 수 있다.
- 매물 클릭시 상세페이지로 이동한다.
- 필터기능을 이용하여 사용자가 원하는 기준의 매물을 골라 검색 할 수 있다.
- 카테고리별로 주변시설이 매물 주변에 어떻게 위치해 있는지 지도에서 확인할 수 있다.
- 매물의 상세정보를 볼 수 있다.
- 상세페이지의 360VR 버튼 클릭시 매물의 내부 방 구조를 360도 VR버전으로 확인 할 수 있다.
- 사용자가 가입시 입력한 관심정보를 토대로 매물들을 추천하여 슬라이드 형식으로 메인페이지에서 보여준다.
- 매물 클릭시 상세페이지로 이동한다.
- 지역이나 장소, 상호명 등 원하는 장소를 입력하면 주변 매물을 보여주는 검색 기능이다.
- 검색 후 주변 지역 매물 리스트가 출력된다.
