House-Connect

📢 Introduce

국민 3명중 1명은 ‘나혼자’ 라는 말을 들어보셨나요?

1인 가구 비율이 35%가 넘어갔습니다.
나 혼자서 산다는 건 자유롭기도 하지만 그만큼 내 건강을 챙겨줄 누군가, 대화할 누군가가 없어서 사회적으로 약자가 되기도 합니다.
House-Connect는 나와 라이프 스타일이 맞는 룸메이트를 구할 수 있는 커뮤니티를 제공합니다.
경제적 부담을 덜고, 함께 밥을 먹고 생활하는 나에게 딱 맞는 가족💖을 구해보세요!

👉🏻  룸메이트 찾으러 가기!

🔧 Skills

Language / Database

Library / Framework

Communication

📝 Documents

개발 정리 노션	화면정의서	API 문서	Figma
노션 페이지 보러가기	화면 정의서 보러가기	API 정의서 보러가기	Figma 보러가기

🖥️ Demo

👉🏻 테스트 계정으로 배포된 애플리케이션을 사용해보실 수 있어요!

🔗 배포링크 🔗	🪪 테스트 계정 ID	🗝️ 테스트 계정 PW
https://house-connect.vercel.app/	[email protected]	hchchc01!

---

👀 애플리케이션 미리 보기!

회원가입1	회원가입2	로그인
이메일 가입 페이지 입니다. 이메일과 비밀번호에 입력된 값에 유효성 검사를 하고, 인증 메일을 발송합니다.	인증 메일을 받지 못한 경우를 대비해 재발송 로직을 갖추고 있고, 인증번호를 입력해 인증합니다. 이 후 기본적인 사용자 정보를 설정합니다.	이메일 로그인 외에도 카카오와 구글 OAuth 로그인을 제공합니다.

프로필 설정	하우스 게시글 작성	하우스 게시글
캐러셀로 프로필 설정 항목들을 설정하도록 하였고, 각 캐러셀마다 유효성 검사를 실시합니다. 셀렉터와 뱃지 생성 등 다양한 UI 컴포넌트로 설정시 사용자 편의성을 제공합니다.	이미지 업로드, 이미지 삭제, 대표 이미지 설정을 포함해 게시글에 포함할 이미지를 데이터 베이스에 저장합니다. 이후 게시글에 필요한 항목들을 form에 작성해 데이터 베이스에 저장합니다.	데이터 베이스에 저장된 이미지를 캐러셀 모달을 통해 자세히 볼 수 있도록 제공하고, 북마크, 댓글 기능을 통해 사용자가 저장하고 소통할 수 있도록 합니다.

채팅(사용자1)	채팅(사용자2)
새로운 채팅이 오면 알림이 뜹니다. 메시지를 보내고 수신할 수 있습니다.	해당 채팅방에 접속하지 않아도 채팅알람이 뜨고, 채팅방을 열어서 메시지를 주고 받을 수 있습니다.

---

🧑🏻‍💻 프로젝트 실행 방법

최신 버전의 프로젝트를 경험하시려면 dev 브랜치로 실행해주세요!

배포 버전의 프로젝트를 경험하시려면 main 브랜치로 실행해주세요!

$ git clone <https://github.com/HC-House-Connect/House-Connect>
$ git checkout dev (혹은 main)
$ yarn install
$ yarn dev