← Kembali ke Daftar Proyek
B2B Hotel Booking Platform · STUDI KASUS

Hoterip B2B Hotel Booking Platform

Portal booking hotel untuk travel agent dan pengguna B2B, dari pencarian hingga pembayaran dan pemantauan booking dalam satu aplikasi.

PERANFull Stack Developer (Fokus Frontend)
JENISProyek profesional bersama tim · Travel B2B
LINGKUP TEKNISAplikasi Next.js, Integrasi API, Booking & Payment
Ilustrasi konseptual antarmuka Hoterip B2B dengan konten contoh
Ilustrasi konseptual antarmuka Hoterip B2B dengan konten contoh

Gambaran umum

Travel agent membutuhkan satu portal untuk mencari dan memesan hotel tanpa memindahkan informasi secara manual di antara beberapa langkah. Dalam satu sesi, pengguna perlu melihat hasil pencarian, detail hotel, pilihan kamar dan rate, kebijakan pembatalan, konfirmasi booking, serta riwayatnya. Informasi credit atau deposit juga perlu mudah ditemukan saat bekerja.

Kontribusi saya

Sebagai Full Stack Developer dengan fokus frontend, saya mengembangkan alur login dan 2FA via email, pencarian serta detail hotel, pemilihan kamar dan rate, booking, riwayat booking, dan ringkasan credit/deposit melalui integrasi Laravel API. Saya juga menjaga parameter pencarian tetap konsisten antarhalaman dan menghubungkan checkout dengan integrasi payment gateway 2C2P, GMO, serta WEX.

Fitur booking

  • 01Login, pengelolaan sesi, dan 2FA via email
  • 02Pencarian hotel dan halaman hasil
  • 03Detail hotel, kamar, rate, dan kebijakan pembatalan
  • 04Checkout dengan payment gateway 2C2P, GMO, dan WEX
  • 05Konfirmasi dan riwayat booking
  • 06Ringkasan credit dan deposit

Konteks pencarian antarhalaman

Tujuan, tanggal perjalanan, jumlah kamar dan tamu, kewarganegaraan, serta mata uang tetap tersedia saat pengguna berpindah dari hasil pencarian ke detail hotel dan booking. Konteks ini mencegah pengguna harus mengulang pencarian ketika membandingkan kamar atau melanjutkan checkout.

Pertimbangan implementasi

Alur booking melewati banyak halaman dan menggunakan parameter seperti tujuan, tanggal, jumlah kamar dan tamu, kewarganegaraan, serta mata uang. Data tersebut harus tetap konsisten dari hasil pencarian hingga booking. Antarmuka juga perlu terhubung dengan berbagai endpoint Laravel API, menjaga sesi login, dan menangani verifikasi 2FA melalui email sebelum pengguna mengakses fitur B2B.

Hasil pengerjaan

Portal menyatukan pencarian hingga booking dan pemantauan status dalam satu alur. Konsistensi parameter pencarian membantu pengguna melanjutkan proses antarhalaman, sementara 2FA email menambah lapisan verifikasi saat login.