Pengembangan situs web modern yang berpusat pada pengguna untuk menekankan aspek teknis dan desain yang diperlukan untuk memenuhi standar kebutuhan web. Studi ini disusun untuk memberikan kerangka kerja terperinci yang mencakup pengumpulan persyaratan, desain sistem, pengembangan atau implementasi dan pengujian. Inti dari penelitian ini adalah studi kasus pengembangan web IoT yang responsif dan interaktif untuk vendor. Tesis ini membahas pemilihan dan implementasi teknologi frontEnd modern seperti framework Nuxt.js dan Vue.js serta backEnd menggunakan Python dengan metode waterfall. Selain itu, integrasi metode ARIMA (AutoRegressive Integrated Moving Average) untuk analisis data tingkat lanjut dalam situs web. Integrasi model ARIMA dimanfaatkan untuk memberikan prediksi pemakian kuota sehingga melibatkan penggunaan Python untuk pemrosesan data yang kemudian diintegrasikan secara mulus ke dalam situs web melalui titik akhir API gateway dan komponen grafis interaktif yang dikembangkan dengan Vue.js dan Nuxt.js dalam menampilkan grafik prediksi. Lebih lanjut, tesis ini menyelidiki implementasi RabbitMQ sebagai menangani notifikasi.