Membina Platform Penyewaan Kereta dengan React

BookCars ialah platform penyewaan kereta, berorientasikan pembekal, dengan bahagian belakang untuk menguruskan armada dan tempahan kereta, serta bahagian hadapan dan apl mudah alih untuk menyewa kereta.

Dengan penyelesaian berikut, anda boleh membina tapak web sewa kereta yang boleh disesuaikan sepenuhnya yang dioptimumkan untuk berbilang pembekal 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/bookcars

BookCars direka untuk bekerja dengan berbilang pembekal. Setiap pembekal boleh menguruskan armada keretanya dan tempahan dari bahagian belakang. BookCars juga boleh bekerja dengan hanya satu pembekal dan boleh digunakan sebagai agregator sewa kereta.

Daripada bahagian belakang, pentadbir boleh membuat dan mengurus pembekal, kereta, lokasi, pelanggan dan tempahan.

Apabila pembekal baharu dibuat, mereka menerima e-mel yang menggesa mereka membuat akaun untuk mengakses bahagian belakang dan mengurus armada dan tempahan kereta mereka.

Pelanggan boleh mendaftar dari bahagian hadapan atau apl mudah alih, mencari kereta yang tersedia berdasarkan tempat mengambil dan menghantar serta masa, memilih kereta 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 pembekal
• Bersedia untuk satu atau beberapa pembekal
• Pengurusan armada kereta
• Lokasi, negara, tempat letak kereta dan ciri peta
• 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, Sepanyol)
• 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://bookcars.dynv6.net:3002/
• Log masuk: jdoe@bookcars.ma
• Kata Laluan: B00kC4r5

Bahagian belakang

• URL: https://bookcars.dynv6.net:3001/
• Log masuk: admin@bookcars.ma
• Kata Laluan: B00kC4r5

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.

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@bookcars.ma
• Kata Laluan: B00kC4r5

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 Penyewaan Kereta dengan React. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!