ホームページ  >  記事  >  ウェブフロントエンド  >  React でレンタカー プラットフォームを構築する

React でレンタカー プラットフォームを構築する

DDD
DDDオリジナル
2024-10-19 20:36:30622ブラウズ

BookCars はサプライヤー指向のレンタカー プラットフォームで、レンタカーのフリートと予約を管理するバックエンドに加え、フロントエンドとレンタカー用のモバイル アプリも備えています。

次のソリューションを使用すると、少なくとも 1 GB の RAM を備えた Docker ドロップレット上でホストすることで、運用可能な Stripe 支払いゲートウェイを備えた複数のサプライヤー向けに最適化された、完全にカスタマイズ可能なレンタカー Web サイトを非常に低コストで構築できます。

ソースコードはここで見つけることができます: https://github.com/aelassas/bookcars

BookCars は複数のサプライヤーと連携できるように設計されています。各サプライヤーは自社の車両群と予約をバックエンドから管理できます。 BookCars は 1 つのサプライヤーとのみ連携し、レンタカーのアグリゲーターとして使用することもできます。

管理者は、バックエンドからサプライヤー、車両、場所、顧客、予約を作成および管理できます。

新しいサプライヤーが作成されると、バックエンドにアクセスして車両や予約を管理するためにアカウントを作成するよう求めるメールが届きます。

顧客はフロントエンドまたはモバイル アプリからサインアップし、乗車および降車のポイントと時間に基づいて利用可能な車を検索し、車を選択してチェックアウト プロセスを完了できます。

TypeScript には多くの利点があるため、設計上の重要な決定事項として TypeScript を使用することが決定されました。 TypeScript は強力な型指定、ツール、統合を提供し、その結果、デバッグとテストが容易な、高品質でスケーラブルで読みやすく保守しやすいコードが得られます。

特徴

  • サプライヤー管理
  • 1 つまたは複数のサプライヤーに対応可能
  • 車両管理
  • 場所、国、駐車場、地図の特徴
  • 予約管理
  • 支払い管理
  • 顧客管理
  • 複数の支払い方法 (クレジット カード、PayPal、Google Pay、Apple Pay、リンク、後払い)
  • 運用可能な Stripe ペイメント ゲートウェイ
  • 多言語サポート (英語、フランス語、スペイン語)
  • 複数のページネーション オプション (次へおよび前へのボタンを使用したクラシックなページネーション、無限スクロール)
  • レスポンシブなバックエンドとフロントエンド
  • 単一のコードベースを備えた Android および iOS 用のネイティブ モバイル アプリ
  • プッシュ通知
  • XSS、XST、CSRF、MITM に対して保護
  • サポートされているプラ​​ットフォーム: iOS、Android、Web、Docker

ライブデモ

フロントエンド

  • URL: https://bookcars.dynv6.net:3002/
  • ログイン: jdoe@bookcars.ma
  • パスワード: B00kC4r5

バックエンド

  • URL: https://bookcars.dynv6.net:3001/
  • ログイン: admin@bookcars.ma
  • パスワード: B00kC4r5

モバイルアプリ

Android アプリは任意の Android デバイスにインストールできます。

このコードをデバイスでスキャンします

カメラ アプリを開き、このコードをポイントします。次に、表示される通知をタップします。

Building a Car Rental Platform with React

Androidにモバイルアプリをインストールする方法

  • Android 8.0 (API レベル 26) 以降を実行しているデバイスでは、[不明なアプリのインストール] システム設定画面に移動して、特定の場所 (つまり、アプリのダウンロード元の Web ブラウザー) からのアプリのインストールを有効にする必要があります。 .

  • Android 7.1.1 (API レベル 25) 以下を実行しているデバイスでは、[設定] > [提供元不明のシステム] 設定を有効にする必要があります。デバイスのセキュリティ。

別の方法

APK を直接ダウンロードして Android デバイスにインストールすることで、Android アプリをインストールすることもできます。

  • APK をダウンロード
  • ログイン: jdoe@bookcars.ma
  • パスワード: B00kC4r5

リソース

  1. 概要
  2. 建築
  3. インストール中 (セルフホスト型)
  4. インストール(VPS)
  5. インストール(Docker)
    1. Docker イメージ
    2. SSL
  6. ストライプのセットアップ
  7. モバイルアプリを構築
  8. デモデータベース
    1. Windows、Linux、macOS
    2. ドッカー
  9. ソースから実行
  10. モバイルアプリを実行する
    1. 前提条件
    2. 手順
    3. プッシュ通知
  11. 通貨を変更
  12. 新しい言語を追加
  13. 単体テストとカバレッジ
  14. ログ

フィードバックをお待ちしております。

以上がReact でレンタカー プラットフォームを構築するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。