/Zipkok-FrontEnd

[집콕] 내가 살 자취방을 ‘콕’하다

Primary LanguageTypeScript

🏠 집콕 FrontEnd README

image

프로젝트 소개

  • ㅇㄹㅇㄹㅇㄹㅇㄹ

팀원 구성

박시원 지호준 정소은

@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(카카오톡) 로그인 기능을 통해 가입이 가능하고 로그인 없이 홈화면으로 이동가능합니다.
초기화면
ezgif com-gif-to-mp4-converter

[회원가입]

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

[Onboarding]

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

[홈화면]

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

[콕리스트]

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

[마이페이지]

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

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

[찜한 매물]

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

[나의 핀]

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

[프로필 수정하기]

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

[최근 본 매물]

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

[로그아웃]

로그아웃

[회원 탈퇴]

회원 탈퇴