Website

Hargana Hotel - Intelligent Hotel Price Analytics Website

Website interaktif berbasis Next.js yang dirancang untuk menampilkan data dan analitik prediksi harga hotel secara real-time.

Deskripsi Proyek

Website interaktif berbasis Next.js yang dirancang untuk menampilkan data dan analitik prediksi harga hotel secara real-time. Platform ini memungkinkan pengguna untuk mengeksplorasi harga hotel, grafik tren, analisis selisih prediksi-akurat, dan ulasan hotel yang diolah menggunakan sentiment analysis.

Detail Proyek

ClientHargana Hotel Group

Peran (Role)Full Stack Web Dweveloper

Durasi Kerja6 Bulan (Februari 2025 - Juli 2025)

Status

Completed

Teknologi yang Digunakan

Next.jsTailwindCSSMantine UIFirebaseRechartsTypeScript

Fitur Utama

UI modern Mantine UI

Responsive Design

ML Prediction API

Hotel Search

Hotel Detail

Sentiment Analysis

Dashboard Analytics

Recharts Visualization

Tantangan Teknis (Challenges)

Integrasi model Machine Learning yang kompleks ke dalam platform web secara real-time.
Optimasi performa frontend saat me-render grafik data visualisasi hotel dalam jumlah besar.
Penerapan Atomic Design untuk arsitektur component agar tetap scalable dan maintainable.
Sinkronisasi data real-time dengan Firebase Database tanpa menyebabkan lag visual.
Manajemen React State yang efisien untuk melacak status filter, detail, dan analitik ulasan secara terpusat.

Solusi Kami (Solutions)

Merancang REST API terpisah khusus untuk menyajikan prediksi ML dan menggunakan data-fetching handal dengan client-side caching.
Menggunakan dynamic import Next.js untuk me-load chart engine visualisasi hanya ketika dibutuhkan oleh viewport.
Menyusun struktur folder component terpisah berlandaskan level atomik (atoms, molecules, organisms) untuk meningkatkan reusabilitas.
Menerapkan throttling dan debouncing pada event listener Firebase agar update data real-time tidak membombardir interface.
Mengadopsi React Context API dan custom hooks guna mendistribusikan global state secara elegan.