首頁  >  文章  >  web前端  >  使用 React 建立汽車租賃平台

使用 React 建立汽車租賃平台

DDD
DDD原創
2024-10-19 20:36:30624瀏覽

BookCars 是一個以供應商為導向的汽車租賃平台,擁有用於管理車隊和預訂的後端,以及用於租車的前端和行動應用程式。

透過以下解決方案,您可以透過將其託管在具有至少1GB RAM 的Docker Droplet 上,以非常低的成本建立一個針對多個供應商進行優化的完全可自訂的汽車租賃網站,並使用可操作的Stripe 支付網關。

您可以在這裡找到原始碼:https://github.com/aelassas/bookcars

BookCars 旨在與多個供應商合作。每個供應商都可以從後端管理他的車隊和預訂。 BookCars 也可以只與一個供應商合作,並且可以用作汽車租賃聚合商。

管理員可以從後端建立和管理供應商、汽車、地點、客戶和預訂。

建立新供應商時,他們會收到一封電子郵件,提示他們建立一個帳戶,以便訪問後端並管理他們的車隊和預訂。

客戶可以從前端或行動應用程式註冊,根據上下車地點和時間搜尋可用車輛,選擇車輛並完成結帳流程。

由於 TypeScript 具有眾多優點,因此做出了使用 TypeScript 的關鍵設計決定。 TypeScript 提供強大的類型、工具和集成,從而產生高品質、可擴展、更具可讀性和可維護性的程式碼,並且易於調試和測試。

特徵

  • 供應商管理
  • 為一個或多個供應商做好準備
  • 車隊管理
  • 位置、國家、停車位和地圖特徵
  • 預訂管理
  • 付款管理
  • 客戶管理
  • 多種付款方式(信用卡、PayPal、Google Pay、Apple Pay、Link、稍後付款)
  • 可操作的 Stripe 支付網關
  • 多語言支援(英語、法語、西班牙語)
  • 多個分頁選項(帶有下一個和上一個按鈕的經典分頁,無限滾動)
  • 響應式後端與前端
  • 適用於 Android 和 iOS 的原生行動應用,具有單一程式碼庫
  • 推播通知
  • 防範 XSS、XST、CSRF 和 MITM
  • 支援的平台:iOS、Android、Web、Docker

現場演示

前端

  • 網址:https://bookcars.dynv6.net:3002/
  • 登入:jdoe@bookcars.ma
  • 密碼:B00kC4r5

後端

  • 網址:https://bookcars.dynv6.net:3001/
  • 登入:admin@bookcars.ma
  • 密碼:B00kC4r5

手機應用程式

您可以在任何 Android 裝置上安裝 Android 應用程式。

使用設備掃描此代碼

開啟相機應用程式並將其指向此程式碼。然後點選出現的通知。

Building a Car Rental Platform with React

如何在 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. 安裝(Docker)
    1. Docker 映像
    2. SSL
  6. 設定條紋
  7. 建立行動應用程式
  8. 演示資料庫
    1. Windows、Linux 和 macOS
    2. 碼頭工人
  9. 從源頭運行
  10. 運行行動應用程式
    1. 先決條件
    2. 使用說明
    3. 推播通知
  11. 更改貨幣
  12. 新增語言
  13. 單元測試和覆蓋率
  14. 日誌

如有任何回饋,我們將不勝感激。

以上是使用 React 建立汽車租賃平台的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn