React로 자동차 렌탈 플랫폼 구축

BookCars는 차량 관리 및 예약을 위한 백엔드뿐 아니라 자동차 렌트를 위한 프런트엔드 및 모바일 앱을 갖춘 공급업체 중심의 자동차 렌탈 플랫폼입니다.

다음 솔루션을 사용하면 최소 1GB RAM이 있는 Docker 드롭릿에서 호스팅하여 매우 저렴한 비용으로 Stripe 결제 게이트웨이를 운영하는 여러 공급업체에 최적화된 완전 맞춤형 자동차 렌탈 웹사이트를 구축할 수 있습니다.

여기에서 소스 코드를 찾을 수 있습니다: https://github.com/aelassas/bookcars

BookCars는 여러 공급업체와 협력하도록 설계되었습니다. 각 공급업체는 백엔드에서 차량 함대와 예약을 관리할 수 있습니다. BookCars는 단 하나의 공급업체와만 협력할 수 있으며 자동차 렌탈 정보 제공자로도 사용될 수 있습니다.

백엔드에서 관리자는 공급업체, 자동차, 위치, 고객 및 예약을 생성하고 관리할 수 있습니다.

새로운 공급업체가 생성되면 백엔드에 액세스하고 차량 및 예약을 관리하기 위해 계정을 생성하라는 이메일을 받게 됩니다.

고객은 프런트엔드나 모바일 앱에서 가입하고, 승하차 지점과 시간을 기준으로 이용 가능한 차량을 검색하고, 차량을 선택하고 결제 과정을 완료할 수 있습니다.

TypeScript의 수많은 장점 때문에 주요 디자인 결정이 TypeScript를 사용하기로 결정되었습니다. TypeScript는 강력한 타이핑, 도구 및 통합을 제공하여 디버그 및 테스트가 쉬운 고품질, 확장성, 읽기 쉽고 유지 관리가 쉬운 코드를 제공합니다.

특징

• 공급업체 관리
• 하나 또는 여러 공급업체를 위한 준비
• 차량 관리
• 위치, 국가, 주차 장소 및 지도 기능
• 예약관리
• 결제관리
• 고객관리
• 다양한 결제 수단(신용카드, PayPal, Google Pay, Apple Pay, Link, 나중에 결제)
• 스트라이프 결제 게이트웨이 운영
• 다국어 지원(영어, 프랑스어, 스페인어)
• 다양한 페이지 매김 옵션(다음 및 이전 버튼이 있는 클래식 페이지 매김, 무한 스크롤)
• 반응형 백엔드와 프런트엔드
• 단일 코드베이스를 사용하는 Android 및 iOS용 기본 모바일 앱
• 푸시 알림
• XSS, XST, CSRF 및 MITM으로부터 보호
• 지원 플랫폼: iOS, Android, 웹, Docker

라이브 데모

프런트엔드

• URL: https://bookcars.dynv6.net:3002/
• 로그인: jdoe@bookcars.ma
• 비밀번호: B00kC4r5

백엔드

• URL: https://bookcars.dynv6.net:3001/
• 로그인: admin@bookcars.ma
• 비밀번호: B00kC4r5

모바일 앱

모든 Android 기기에 Android 앱을 설치할 수 있습니다.

기기로 이 코드를 스캔하세요

카메라 앱을 열고 이 코드를 가리킵니다. 그런 다음 나타나는 알림을 탭하세요.

Android에 모바일 앱을 설치하는 방법

• Android 8.0(API 레벨 26) 이상을 실행하는 기기에서는 알 수 없는 앱 설치 시스템 설정 화면으로 이동하여 특정 위치(예: 앱을 다운로드하는 웹 브라우저)에서 앱 설치를 활성화해야 합니다. .

• Android 7.1.1(API 레벨 25) 이하를 실행하는 기기에서는 설정 >에서 알 수 없는 소스 시스템 설정을 활성화해야 합니다. 귀하의 기기를 안전하게 보호하세요.

대체 방법

또한 APK를 직접 다운로드하여 모든 Android 기기에 설치하여 Android 앱을 설치할 수도 있습니다.

• APK 다운로드
• 로그인: jdoe@bookcars.ma
• 비밀번호: B00kC4r5

자원

1. 개요
2. 건축
3. 설치(자체 호스팅)
4. (VPS) 설치
5. 설치 중(도커)
   1. 도커 이미지
   2. SSL
6. 스트라이프 설정
7. 모바일 앱 구축
8. 데모 데이터베이스
   1. Windows, Linux 및 macOS
   2. 도커
9. 소스에서 실행
10. 모바일 앱 실행
    1. 전제조건
    2. 지침
    3. 푸시 알림
11. 통화 변경
12. 새 언어 추가
13. 단위 테스트 및 적용 범위
14. 로그

어떤 의견이라도 보내주시면 감사하겠습니다.

위 내용은 React로 자동차 렌탈 플랫폼 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!