Maison > interface Web > js tutoriel > Créer une plateforme de location de voitures avec React

Créer une plateforme de location de voitures avec React

DDD
Libérer: 2024-10-19 20:36:30
original
664 Les gens l'ont consulté

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 automobile 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 méthodes de paiement (Carte de crédit, PayPal, Google Pay, Apple Pay, Link, Pay Later)
  • Passerelle de paiement Stripe opérationnelle
  • Support multilingue (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 : jdoe@bookcars.ma
  • Mot de passe : B00kC4r5

Back-end

  • URL : https://bookcars.dynv6.net:3001/
  • Connexion : admin@bookcars.ma
  • 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 fonctionnant sous Android 8.0 (API niveau 26) et supérieur, 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, trouvé 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.

  • Télécharger l'APK
  • Connexion : jdoe@bookcars.ma
  • Mot de passe : B00kC4r5

Ressources

  1. Aperçu
  2. Architecture
  3. Installation (auto-hébergé)
  4. Installation (VPS)
  5. Installation (Docker)
    1. Image Docker
    2. SSL
  6. Configuration de 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é.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal