Genesis: ReactJS 및 Frappe/ERPNext를 사용하는 차세대 임대 목록 앱

ReactJS는 Facebook에서 만들고 유지 관리하는 프런트엔드 프레임워크(또는 라이브러리입니까?)입니다. 프레임워크인지 라이브러리인지에 대한 많은 논쟁을 피하기 위해 브라우저에서 UI 구성 요소를 만들고 렌더링하는 데 사용되는 프런트엔드tool라고 합니다.

Frappe Framework는 Python, JavaScript 및 MariaDB 데이터베이스로 작성된 배터리 포함 웹 프레임워크입니다. 데이터베이스 기반 앱을 빌드하고 배포하는 데 사용됩니다. More about them here

솔직히 말해서 모든 앱은 데이터베이스 기반입니다.




이 두 소프트웨어 스택에 대해 할 말이 많고 많지만 지금은 범위, 설정 및 디자인 영감과 같은 Rental Listing 앱에 초점을 맞추겠습니다.

범위
임대 목록은 이전에 구축되었으며 이전에 보거나 사용한 적이 있을 것이므로 해당 범위에 대해 자세히 살펴보겠습니다.

검색 엔진(필터 옵션 포함) 집주인/임차인 포털, 지도 통합 및 쉬운 탐색 기능이 있는 React 기반 프런트엔드 UI입니다.

조직화된 구조의 모든 속성 저장소가 있는 백엔드(Frappe/ERPNext 인스턴스).

Frappe의 REST API! (프라페 바위!)

Frappe!의 배터리(SMS, 이메일, 관리 UI, WebHooks)

설정
이것은 높은 수준의 데모가 될 것입니다.

VPS에서 호스팅되는 Frappe 인스턴스 설정:

Frappe apps to install: facility_management and facility_management_website

In your frappe bench directory run the following command.

bench --site yoursite.com install-app appname git-repo

• A React App created using create-react-app

Design Inspiration

Zumper: https://www.zumper.com/

설정의 각 단계를 자세히 설명하는 기사를 더 많이 만들겠습니다!