使用 React 建立汽車租賃平台
發佈於2024-11-08
瀏覽：828
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/
- 登入：[email protected]
- 密碼：B00kC4r5
後端
- 網址：https://bookcars.dynv6.net:3001/
- 登入：[email protected]
- 密碼：B00kC4r5
手機應用程式
您可以在任何 Android 裝置上安裝 Android 應用程式。
使用設備掃描此代碼
打開相機應用程式並將其指向此代碼。然後點選出現的通知。
如何在 Android 上安裝行動應用程式
在運行Android 8.0（API 等級26）及更高版本的裝置上，您必須導航至「安裝未知應用程式」系統設定螢幕，才能從特定位置（即您從中下載應用程式的Web瀏覽器）啟用應用程式安裝.
在運行Android 7.1.1（API 等級25）及更低版本的裝置上，您應該啟用「未知來源」系統設置，該設定可在裝置上的「設定」>「安全」中找到。
另類方式
您也可以透過直接下載APK並將其安裝在任何Android設備上來安裝Android應用程式。
- 下載APK
- 登入：[email protected]
- 密碼：B00kC4r5
資源
- 概述
- 建築學
- 安裝（自架）
- 安裝（VPS）
-
安裝（Docker）
- Docker 映像
- SSL
- 設置條紋
- 建立行動應用程式
-
演示資料庫
- Windows、Linux 與 macOS
- Docker
- 從原始碼運行
-
運行行動應用程式
- 先決條件
- 指示
- 推播通知
- 更改貨幣
- 新增語言
- 單元測試與涵蓋範圍
- 紀錄
歡迎任何回饋。
版本聲明
本文轉載於：https://dev.to/aelassas/building-a-car-rental-platform-with-react-1609?1如有侵犯，請聯絡[email protected]刪除
最新教學
更多>
-
如何在 PHP 中組合兩個關聯數組，同時保留唯一 ID 並處理重複名稱？在 PHP 中組合關聯數組在 PHP 中，將兩個關聯數組組合成一個數組是常見任務。考慮以下請求：問題描述：提供的代碼定義了兩個關聯數組，$array1和$array2。目標是建立一個新陣列 $array3，它合併兩個陣列中的所有鍵值對。 此外，提供的陣列具有唯一的 ID，而名稱可能重疊。要求是建構一...程式設計 發佈於2024-12-27 -
插入資料時如何修復「常規錯誤：2006 MySQL 伺服器已消失」？插入記錄時如何解決「一般錯誤：2006 MySQL 伺服器已消失」介紹：將資料插入MySQL 資料庫有時會導致錯誤「一般錯誤：2006 MySQL 伺服器已消失」。當與伺服器的連線遺失時會出現此錯誤，通常是由於 MySQL 配置中的兩個變數之一所致。 解決方案：解決此錯誤的關鍵是調整wait_tim...程式設計 發佈於2024-12-27
-
在 Go 中使用 WebSocket 進行即時通信构建需要实时更新的应用程序（例如聊天应用程序、实时通知或协作工具）需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方！今天，我们将探讨如何在 Go 中使用 WebSocket，以便您可以向应用程序添加实时功能。 在这篇文章中，我们将介绍： WebSoc...程式設計 發佈於2024-12-27
-
儘管程式碼有效，為什麼 POST 請求無法擷取 PHP 中的輸入？解決PHP 中的POST 請求故障在提供的程式碼片段中：action=''而非：action="<?php echo $_SERVER['PHP_SELF'];?>";?>"檢查$_POST陣列：表單提交後使用 var_dump 檢查 $_POST 陣列的內...程式設計 發佈於2024-12-27
-
Bootstrap 4 Beta 中的列偏移發生了什麼事？Bootstrap 4 Beta：列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而，隨著 Beta 2 的後續發布，這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...程式設計 發佈於2024-12-27
-
如何準確地透視具有不同記錄的資料以避免遺失資訊？有效地透視不同記錄透視查詢在將資料轉換為表格格式、實現輕鬆資料分析方面發揮著至關重要的作用。但是，在處理不同記錄時，資料透視查詢的預設行為可能會出現問題。 問題：忽略不同值考慮下表：------------------------------------------------------ | Id...程式設計 發佈於2024-12-27
-
為什麼 C 和 C++ 忽略函式簽章中的陣列長度？將陣列傳遞給C 和C 中的函數問題：為什麼C和C 編譯器允許在函數簽章中宣告數組長度，例如int dis(char a[1])（當它們不允許時）強制執行？ 答案：C 和C 中用於將數組傳遞給函數的語法是歷史上的奇怪現象，它允許將指針傳遞給第一個元素詳細說明：在C 和C 中，數組不是透過函數的引用傳遞...程式設計 發佈於2024-12-26
-
如何刪除 MySQL 中的重音符號以改進自動完成搜尋？在MySQL 中刪除重音符號以實現高效的自動完成搜尋管理大型地名資料庫時，確保準確和高效至關重要資料檢索。使用自動完成功能時，地名中的重音可能會帶來挑戰。為了解決這個問題，一個自然的問題出現了：如何在 MySQL 中刪除重音符號以改善自動完成功能？ 解決方案在於為資料庫列使用適當的排序規則設定。透過...程式設計 發佈於2024-12-26
-
如何在MySQL中實作複合外鍵？在 SQL 中實作複合外鍵一個常見的資料庫設計涉及使用複合鍵在表之間建立關係。複合鍵是多個列的組合，唯一標識表中的記錄。在這個場景中，你有兩個表，tutorial和group，你需要將tutorial中的複合唯一鍵連結到group中的欄位。 根據MySQL文檔，MySQL支援外鍵對應到複合鍵。但是，...程式設計 發佈於2024-12-26
-
為什麼我的 JComponent 隱藏在 Java 的背景圖片後面？調試背景圖像隱藏的JComponent在Java 應用程式中使用JComponent（例如JLabels）時，必須確保正確的行為和可見度。如果遇到組件隱藏在背景圖像後面的問題，請考慮以下方法：1。正確設定組件透明度：確保背景面板是透明的，以允許底層組件透過。使用setOpaque(false)方法來...程式設計 發佈於2024-12-26
-
如何在 PHP 中轉換所有類型的智慧引號？在 PHP 中轉換所有類型的智慧引號智慧引號是用來取代常規直引號（' 和"）的印刷標記。它們提供了更精緻和然而，軟體應用程式通常會在不同類型的智能引號之間進行轉換，從而導致不一致。智能引號中的挑戰轉換轉換智慧引號的困難在於用於表示它們的各種編碼和字符，不同的作業系統和軟體程式採用自...程式設計 發佈於2024-12-26
-
循環 JavaScript 陣列有哪些不同的方法？使用 JavaScript 迴圈遍歷陣列遍歷陣列的元素是 JavaScript 中常見的任務。有多種方法可供選擇，每種方法都有自己的優點和限制。讓我們探討一下這些選項：陣列1。 for-of 遵循(ES2015 )此循環使用迭代器迭代數組的值：const arr = ["a", ...程式設計 發佈於2024-12-26
-
如何在 Python 中有效地暫停 Selenium WebDriver 執行？Selenium WebDriver 中的等待與條件語句問題： 如何在 Python 中暫停 Selenium WebDriver 執行幾毫秒？ 答案：雖然time.sleep() 函數可用於暫停執行指定的秒數，在 Selenium WebDriver 自動化中一般不建議使用。 使用 Seleniu...程式設計 發佈於2024-12-26
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
