UI UX Dashboard

?Tatua의 부동산 앱?

설명

? Real Estate App은 MERN 스택(MongoDB, Express, React, Node.js) 및 TypeScript를 사용하여 구축된 풀 스택 웹 애플리케이션입니다. 부동산 중개인과 부동산 관리자가 부동산 데이터를 생성, 읽기, 업데이트 및 삭제할 수 있는 플랫폼을 제공하여 목록을 관리할 수 있도록 설계되었습니다.

또한 부동산 앱에는 Google OAuth 인증 기능이 있어 사용자가 Google 자격 증명을 사용하여 안전하게 로그인할 수 있습니다.

속성을 추가하는 방법

애플리케이션에 속성을 추가하려면 사이더 레이아웃에서 속성 버튼을 누르세요. 그런 다음 속성 추가를 클릭하고 설명과 이름 제목을 작성합니다. 그런 다음 장치에서 이미지를 업로드하십시오.

설치

부동산 앱을 로컬에 설치하려면 다음 단계를 따르세요.

1. git clone https://github.com/username/repo.git 사용하여 저장소를 로컬 컴퓨터에 복제합니다.
2. 프로젝트 디렉터리로 이동하고 npm install 실행하여 종속성을 설치합니다.
3. 루트 디렉터리에 .env 파일을 만들고 다음 환경 변수를 추가합니다.

MONGO_URI= < your_mongodb_uri >

GOOGLE_CLIENT_ID= < your_google_client_id >

GOOGLE_CLIENT_SECRET= < your_google_client_secret >

4. npm start 실행하여 개발 서버를 시작하세요.
5. 브라우저에서 앱을 보려면 http://localhost:3000 으로 이동하세요.

특징

부동산 앱에는 다음과 같은 기능이 포함되어 있습니다.

• CRUD(속성) 생성, 읽기, 업데이트 및 삭제
• 모든 부동산 목록을 보거나 부동산 유형 또는 위치별로 필터링하세요.
• 이미지 갤러리와 설명이 포함된 각 숙소의 세부정보 페이지를 확인하세요.
• 안전한 사용자 인증을 위한 Google OAuth2 인증
• 모든 장치에서 작동하는 반응형 디자인

기술 스택

부동산 앱은 다음 기술을 사용하여 구축되었습니다.

• 데이터 저장을 위한 MongoDB
• 백엔드 서버용 Express.js
• 프론트엔드 사용자 인터페이스용 React.js
• 서버 측 런타임 환경을 위한 Node.js
• 유형 검사 및 엄격한 타이핑을 위한 TypeScript
• 사용자 인터페이스 스타일을 위한 CSS
• 스크립트 자동화 및 관리를 위한 셸
• 일반 애플리케이션 로직을 위한 JavaScript

스크린샷

기여

부동산 앱에 대한 기여를 환영합니다! 기여하고 싶다면 다음 단계를 따르세요.

1. 저장소 포크
2. 기능 또는 버그 수정을 위한 새 분기 만들기
3. 변경 사항을 커밋하고 포크로 푸시합니다.
4. 풀 요청 제출

특허

부동산 앱은 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.