Description

IoT-Based Humidity Monitoring Application with Python Flask and React Expo adalah sebuah proyek yang dirancang untuk memonitor kelembapan lingkungan secara real-time menggunakan integrasi backend, frontend, dan IoT simulator. Proyek ini terdiri dari komponen berikut:

Backend:
Backend dikembangkan menggunakan Python Flask dengan tiga endpoint utama:

• POST: Menyimpan data kelembapan baru ke database MySQL.
• PUT: Memperbarui data kelembapan yang sudah ada.
• GET: Mengambil data kelembapan dari database untuk ditampilkan di frontend.

Frontend:
Frontend dibangun menggunakan React Expo dan dirancang untuk bekerja secara mulus dengan IoT Simulator Wokwi. Komponen frontend:

• Mengambil data kelembapan dari backend melalui API.
• Menampilkan data kelembapan secara dinamis pada antarmuka pengguna yang responsif.
• Mensimulasikan sensor kelembapan di Wokwi untuk mengirimkan data ke backend.

IoT Simulator:
Simulator IoT Wokwi digunakan untuk mensimulasikan pengukuran kelembapan, yang kemudian dikirimkan ke backend melalui endpoint POST.

Langkah Kerja 

1. Buat Database di Mysql

  2.  Backend menggunakan Python Flask

3. Setelah backend di running akan muncul tampilan seperti dibawah ini

4. Dan ini adalah tampilan dari Adruino untuk ESP 32 untuk mengirimkan data kelembapan ke server

5.  Dibawah ini adalah frontend yang digunakan, disini saya menggunakan ReactJS di snack expo

6.  Dan ini adalah tapilan dari Frontendnya

7.  Kita juga dapat memonitoring lewat aplikasi mobile dengan klik tombol “ TAMBAH DATA KELEMBABAN”

8. Kita juga bisa mengedit data didalamnya

9. Jadi semua monotioring akan masuk kedalam database

Penutup

Aplikasi ini tidak hanya mengintegrasikan teknologi backend dan frontend tetapi juga memanfaatkan simulator IoT untuk menghadirkan solusi yang inovatif dalam mendeteksi kelembapan. Proyek ini menunjukkan kemampuan dalam merancang, mengembangkan, dan menghubungkan berbagai komponen teknologi untuk menciptakan sebuah sistem IoT yang bermanfaat dan fungsional.