"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Créer une plateforme de location de voitures avec React

Créer une plateforme de location de voitures avec React

Publié le 2024-11-08
Parcourir:771

BookCars est une plateforme de location de voitures, orientée fournisseur, avec un backend pour la gestion des flottes de voitures et des réservations, ainsi qu'un frontend et une application mobile pour la location de voitures.

Avec la solution suivante, vous pouvez créer un site Web de location de voitures entièrement personnalisable, optimisé pour plusieurs fournisseurs avec une passerelle de paiement Stripe opérationnelle à très faible coût en l'hébergeant sur un droplet Docker avec au moins 1 Go de RAM.

Vous pouvez trouver le code source ici : https://github.com/aelassas/bookcars

BookCars est conçu pour fonctionner avec plusieurs fournisseurs. Chaque fournisseur peut gérer sa flotte de voitures et ses réservations depuis le backend. BookCars peut également travailler avec un seul fournisseur et peut être utilisé comme agrégateur de location de voitures.

Depuis le backend, les administrateurs peuvent créer et gérer des fournisseurs, des voitures, des emplacements, des clients et des réservations.

Lorsque de nouveaux fournisseurs sont créés, ils reçoivent un email les invitant à créer un compte afin d'accéder au backend et de gérer leur flotte de voitures et leurs réservations.

Les clients peuvent s'inscrire depuis l'interface utilisateur ou l'application mobile, rechercher des voitures disponibles en fonction des points de prise en charge et de dépôt et de l'heure, choisir une voiture et terminer le processus de paiement.

Une décision clé en matière de conception a été prise d'utiliser TypeScript en raison de ses nombreux avantages. TypeScript offre un typage, des outils et une intégration puissants, ce qui donne lieu à un code de haute qualité, évolutif, plus lisible et maintenable, facile à déboguer et à tester.

Caractéristiques

  • Gestion des fournisseurs
  • Prêt pour un ou plusieurs fournisseurs
  • Gestion de flotte automobile
  • Emplacement, pays, places de stationnement et caractéristiques cartographiques
  • Gestion des réservations
  • Gestion des paiements
  • Gestion client
  • Plusieurs modes de paiement (Carte de crédit, PayPal, Google Pay, Apple Pay, Link, Pay Later)
  • Passerelle de paiement Stripe opérationnelle
  • Prise en charge de plusieurs langues (anglais, français, espagnol)
  • Options de pagination multiples (pagination classique avec boutons suivant et précédent, défilement infini)
  • Backend et frontend réactifs
  • Application mobile native pour Android et iOS avec une base de code unique
  • Notifications push
  • Sécurisé contre XSS, XST, CSRF et MITM
  • Plateformes prises en charge : iOS, Android, Web, Docker

Démo en direct

L'extrémité avant

  • URL : https://bookcars.dynv6.net:3002/
  • Connexion : [email protected]
  • Mot de passe : B00kC4r5

Back-end

  • URL : https://bookcars.dynv6.net:3001/
  • Connexion : [email protected]
  • Mot de passe : B00kC4r5

Application mobile

Vous pouvez installer l'application Android sur n'importe quel appareil Android.

Scannez ce code avec un appareil

Ouvrez l'application Appareil photo et pointez-la sur ce code. Appuyez ensuite sur la notification qui apparaît.

Building a Car Rental Platform with React

Comment installer l'application mobile sur Android

  • Sur les appareils exécutant Android 8.0 (API niveau 26) ou version ultérieure, vous devez accéder à l'écran des paramètres système d'installation d'applications inconnues pour activer l'installation d'applications à partir d'un emplacement particulier (c'est-à-dire le navigateur Web à partir duquel vous téléchargez l'application). .

  • Sur les appareils exécutant Android 7.1.1 (API niveau 25) et versions antérieures, vous devez activer le paramètre système Sources inconnues, disponible dans Paramètres > Sécurité sur votre appareil.

Méthode alternative

Vous pouvez également installer l'application Android en téléchargeant directement l'APK et en l'installant sur n'importe quel appareil Android.

Ressources

  1. Aperçu
  2. Architecture
  3. Installation (auto-hébergé)
  4. Installation (VPS)
  5. Installation (Docker)
    1. Image Docker
    2. SSL
  6. Configurer Stripe
  7. Créer une application mobile
  8. Base de données de démonstration
    1. Windows, Linux et macOS
    2. Docker
  9. Exécuter à partir de la source
  10. Exécuter l'application mobile
    1. Prérequis
    2. Instructions
    3. Notifications push
  11. Changer de devise
  12. Ajouter une nouvelle langue
  13. Tests unitaires et couverture
  14. Journaux

Tout commentaire est apprécié.

Déclaration de sortie Cet article est reproduit sur : https://dev.to/aelassas/building-a-car-rental-platform-with-react-1609?1 En cas d'infraction, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3