Construire une plateforme de gestion de propriétés locatives avec React

Movin' In est une plateforme de gestion de propriétés locatives, orientée agence avec un backend pour la gestion des propriétés, des clients et des réservations, un frontend et une application mobile pour la location de propriétés.

Avec la solution suivante, vous pouvez créer un site Web de location de propriété entièrement personnalisable, optimisé pour plusieurs agences 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/movinin

Movin' In est conçu pour fonctionner avec plusieurs agences. Les agences peuvent gérer leurs propriétés et leurs réservations depuis le backend. Movin' In peut également fonctionner avec une seule agence et peut être utilisé comme agrégateur de locations immobilières.

Depuis le backend, les administrateurs peuvent créer et gérer des agences, des propriétés, des emplacements, des utilisateurs et des réservations.

Lorsque de nouvelles agences sont créées, elles reçoivent un email les invitant à créer leur compte pour accéder au backend et gérer leurs propriétés, leurs clients et leurs réservations.

Les clients peuvent s'inscrire depuis l'interface utilisateur ou l'application mobile, rechercher des propriétés disponibles en fonction du point de localisation et de l'heure, choisir une propriété 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 d'agence
• Prêt pour une ou plusieurs agences
• Gestion immobilière
• 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)
• 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://movinin.dynv6.net:3004/
• Connexion : jdoe@movinin.io
• Mot de passe : M00vinin

Back-end

• URL : https://movinin.dynv6.net:3003/
• Connexion : admin@movinin.io
• Mot de passe : M00vinin

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.

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@movinin.io
• Mot de passe : M00vinin

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!