Short Explanation
Tujuan project ini di buat untuk menyelesaikan tugas akhir pada matakuliah Teknologi IoT semester 4.
Monitoring suhu, kelembapan, dan gas, memantau kondisi lingkungan secara real-time. Tujuannya adalah untuk memantau kualitas udara dan kenyamanan di dalam ruangan dengan memberikan data yang akurat dan terkini kepada pengguna.
Project Goals
Dengan memantau secara terus-menerus suhu, kelembapan, dan konsentrasi gas, kita dapat mengidentifikasi potensi masalah sejak dini, meningkatkan efisiensi energi, dan mengurangi dampak negatif terhadap kesehatan.
Tech Stack Used
Menggunakan tech stack:
- Laravel
- NextJs
- Socket.IO
- ExpressJs
- Tailwindcss
Project ini juga menggunakan berbagai alat, termasuk:
- ESP-32
- Kabel Jumper
- Breadboard MB-102
- Sensor Gas: MQ-135
- Sensor Suhu: DHT11
Features
Beberapa fitur nya antara lain:
- Login Secure : Pengguna memiliki akses melalui login yang aman untuk mengamankan data dan mencegah akses tidak sah.
- Real-time Monitoring : Informasi suhu, Kelembapan, dan Konsentrasi Gas dipantau secara real-time dan ditampilkan dalam dashboard yang mudah dipahami.
- In-App Notifications : Pengguna mendapatkan pemberitahuan langsung melalui aplikasi tentang perubahan signifikan dalam kondisi lingkungan, seperti level gas yang berbahaya.
- Historical Data Analysis : Data historis tersedia untuk analisis jangka panjang, membantu dalam identifikasi pola dan tren yang dapat mempengaruhi kualitas lingkungan.
- Integration Capability : Memiliki kemampuan untuk diintegrasikan dengan sistem keamanan atau manajemen bangunan lainnya untuk optimalisasi operasional secara menyeluruh.
- Statistics and Visualizations : Menyediakan visualisasi data statistik yang intuitif, seperti grafik dan diagram, untuk mempermudah pemahaman tentang kondisi lingkungan seiring waktu. Fitur ini membantu pengguna untuk melacak perubahan dalam Suhu, Kelembapan, Gas, dan Kualitas Udara secara lebih mendalam dan efisien.
- Responsive : UI responsive di Desktop atau Mobile.
- Loading Effect : Memiliki animasi loading effect saat fetch data.
- Theme : Memiliki tema Light Mode, Dark Mode dan System.
Screenshots
Desktop
Try it out!
Deploy one of your own!
Attribution
Left to Right