Rumah  >  Artikel  >  hujung hadapan web  >  Membina Platform Pengurusan Harta Sewa dengan React

Membina Platform Pengurusan Harta Sewa dengan React

DDD
DDDasal
2024-10-19 20:38:01640semak imbas

Movin' In ialah Platform Pengurusan Harta Sewa, berorientasikan agensi dengan bahagian belakang untuk mengurus hartanah, pelanggan dan tempahan, bahagian hadapan dan apl mudah alih untuk menyewa hartanah.

Dengan penyelesaian berikut, anda boleh membina tapak web sewa hartanah yang boleh disesuaikan sepenuhnya yang dioptimumkan untuk berbilang agensi dengan gerbang pembayaran Stripe yang beroperasi pada kos yang sangat rendah dengan mengehoskannya pada titisan Docker dengan sekurang-kurangnya 1GB RAM.

Anda boleh mencari kod sumber di sini: https://github.com/aelassas/movinin

Movin' In direka untuk bekerjasama dengan pelbagai agensi. Agensi boleh mengurus hartanah dan tempahan mereka dari bahagian belakang. Movin' In juga boleh bekerja dengan hanya satu agensi dan boleh digunakan sebagai pengagregat sewa hartanah.

Daripada bahagian belakang, pentadbir boleh membuat dan mengurus agensi, hartanah, lokasi, pengguna dan tempahan.

Apabila agensi baharu dibuat, mereka menerima e-mel yang menggesa mereka membuat akaun mereka untuk mengakses bahagian belakang dan mengurus hartanah, pelanggan dan tempahan mereka.

Pelanggan boleh mendaftar dari bahagian hadapan atau apl mudah alih, mencari hartanah yang tersedia berdasarkan titik lokasi dan masa, memilih hartanah dan melengkapkan proses pembayaran.

Keputusan reka bentuk utama telah dibuat untuk menggunakan TypeScript kerana banyak kelebihannya. TypeScript menawarkan penaipan, perkakasan dan penyepaduan yang kuat, menghasilkan kod berkualiti tinggi, berskala, lebih mudah dibaca dan boleh diselenggara yang mudah untuk nyahpepijat dan diuji.

Ciri-ciri

  • Pengurusan agensi
  • Bersedia untuk satu atau beberapa agensi
  • Pengurusan harta
  • Pengurusan tempahan
  • Pengurusan pembayaran
  • Pengurusan pelanggan
  • Berbilang kaedah pembayaran (Kad Kredit, PayPal, Google Pay, Apple Pay, Pautan, Bayar Kemudian)
  • Gerbang Pembayaran Jalur Operasi
  • Sokongan berbilang bahasa (Bahasa Inggeris, Perancis)
  • Berbilang pilihan penomboran (Penomboran klasik dengan butang seterusnya dan sebelumnya, tatal tak terhingga)
  • Halaman belakang responsif dan hujung hadapan
  • Apl Mudah Alih Asli untuk Android dan iOS dengan pangkalan kod tunggal
  • Pemberitahuan tolak
  • Selamat terhadap XSS, XST, CSRF dan MITM
  • Platform yang Disokong: iOS, Android, Web, Docker

Demo Langsung

Bahagian hadapan

  • URL: https://movinin.dynv6.net:3004/
  • Log masuk: jdoe@movinin.io
  • Kata Laluan: M00vinin

Bahagian belakang

  • URL: https://movinin.dynv6.net:3003/
  • Log masuk: admin@movinin.io
  • Kata Laluan: M00vinin

Apl Mudah Alih

Anda boleh memasang apl Android pada mana-mana peranti Android.

Imbas kod ini dengan peranti

Buka apl Kamera dan halakan pada kod ini. Kemudian ketik pemberitahuan yang muncul.

Building a Rental Property Management Platform with React

Cara memasang Apl Mudah Alih pada Android

  • Pada peranti yang menjalankan Android 8.0 (API tahap 26) dan lebih tinggi, anda mesti menavigasi ke skrin tetapan sistem Pasang apl yang tidak diketahui untuk mendayakan pemasangan apl dari lokasi tertentu (iaitu pelayar web yang anda muat turun apl itu) .

  • Pada peranti yang menjalankan Android 7.1.1 (API tahap 25) dan lebih rendah, anda harus mendayakan tetapan sistem Sumber tidak diketahui, yang terdapat dalam Tetapan > Keselamatan pada peranti anda.

Cara Alternatif

Anda juga boleh memasang Apl Android dengan memuat turun terus APK dan memasangnya pada mana-mana peranti Android.

  • Muat turun APK
  • Log masuk: jdoe@movinin.io
  • Kata Laluan: M00vinin

Sumber

  1. Ikhtisar
  2. Seni Bina
  3. Memasang (Dihoskan sendiri)
  4. Memasang (VPS)
  5. Memasang (Docker)
    1. Imej Docker
    2. SSL
  6. Sediakan Jalur
  7. Bina Apl Mudah Alih
  8. Pangkalan Data Demo
    1. Windows, Linux dan macOS
    2. Pelabuh
  9. Larikan dari Sumber
  10. Jalankan Apl Mudah Alih
    1. Prasyarat
    2. Arahan
    3. Pemberitahuan Tolak
  11. Tukar Mata Wang
  12. Tambah Bahasa Baharu
  13. Ujian Unit dan Liputan
  14. Balak

Sebarang maklum balas adalah dihargai.

Atas ialah kandungan terperinci Membina Platform Pengurusan Harta Sewa dengan React. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn