ssilver01/Zipkok-FrontEnd

🏠 집콕 FrontEnd README

프로젝트 소개

• ㅇㄹㅇㄹㅇㄹㅇㄹ

팀원 구성

박시원	지호준	정소은
@parkcoool	@ho0010	@ssilver01

1. 개발 환경

• Front : HTML, React, CSS-in-JS, TypeScript, Zustandard
• Back-end : 제공된 API 활용
• 버전 및 이슈관리 : Github, Jira
• 협업 툴 : Discord, Notion, Github
• 서비스 배포 환경 :

3. 개발 기간 및 작업 관리

개발 기간 전체 개발 기간 : 23/12/26 ~ 24/02/19
API 연동 : 24/02/05 ~ 24/02/18

작업 관리 Notion과 Jira를 사용하여 진행 상황을 공유했습니다.
주간회의를 통해 작업 순서와 방향을 정하고 Jira Tool을 통해 전체적인 업무진행을 관리했습니다.

4. 페이지별 기능

[초기화면]

• 서비스 접속 초기화면으로 splash 화면이 잠시 나온 뒤 다음 페이지가 나타납니다.
• SNS(카카오톡) 로그인 기능을 통해 가입이 가능하고 로그인 없이 홈화면으로 이동가능합니다.

초기화면

[회원가입]

• 회원가입에서는 사용자의 정보( 닉네임, 성별, 생년월일 )을 간편하고 빠르게 입력하여 회원가입을 할 수 있습니다.

회원가입

[Onboarding]

• 온보딩에서는 주변의 수많은 매물들을 조금 더 사용자에 맞게 필터링 해서 볼 수 있도록 거주지역 / 집 구조 / 거래 유형 등의 키워드들을 간편하고 빠르게 설정할 수 있습니다.

Onboarding

[홈화면]

• 홈 화면에서는 검색을 통해 원하는 매물을 찾을 수 있습니다.
• 지도와 리스트 형태로 매물 목록을 빠르게 확인하고, 매물 상제 정보에서는 기본적인 매물 정보와 함께 주변 위치의 매물을 함께 볼 수 있습니다.

홈 ( 지도 )

[콕리스트]

• 집 주변 / 집 내부 / 중계·계약 항목에 따라 발품을 파는 현장에서 중요하고 빠르게 체크할 수 있는 '콕리스트'를 제공합니다.

콕리스트

[마이페이지]

[콕리스트 항목 수정하기]

• 콕리스트의 매물 하이라이트 설정과 질문을 수정하고 순서를 변경할 수 있습니다.

콕리스트 항목 수정하기

[찜한 매물]

• 찜을 눌렀던 매물을 확인할 수 있습니다.

찜한 매물

[나의 핀]

• 미리 설정한 핀에 저장된 핀에서 선택한 매물까지의 도보 거리를 보여줍니다.

나의 핀

[프로필 수정하기]

• 프로필 사진, 닉네임, 주소, 홈 화면에서 이용되는 검색 필터를 수정할 수있습니다.

프로필 수정하기

[최근 본 매물]

• 사용자가 최근 본 매물 10개를 순서대로 보여줍니다.

최근 본 매물

[로그아웃]

로그아웃

[회원 탈퇴]

회원 탈퇴