Aplikasi monitoring dan kontrol IoT untuk kumbung jamur berbasis Framework React
Kumbung Sense adalah aplikasi web yang membantu petani jamur dalam memantau dan mengontrol kondisi lingkungan kumbung secara real-time. Dengan integrasi IoT, pengguna dapat melihat data sensor (suhu, kelembapan, intensitas cahaya, kelembapan media tanam) dan mengatur perangkat (kipas, humidifier, lampu) langsung dari dashboard.
- Autentikasi user (login/logout)
- Dashboard monitoring sensor secara real-time
- Kontrol perangkat (fan, humidifier, lampu)
- Riwayat data sensor dan aktuator
- Notifikasi
- Manajemen device
- Responsive UI
- React
- Next.js
- TypeScript
- Firebase
- Tailwind CSS
- Plotly.js (visualisasi data)
- lucide-react
- Clone repository:
git clone https://github.com/username/kumbung-sense.git cd kumbung-sense - Install dependencies:
npm install
- Jalankan aplikasi:
Akses aplikasi di
npm run dev
http://localhost:3000.
Untuk melakukan deployment aplikasi, ikuti langkah-langkah berikut:
- Build aplikasi untuk produksi:
npm run build
- Jalankan aplikasi yang sudah dibangun:
npm start
Kumbung Sense memanfaatkan teknologi berikut untuk memberikan fungsionalitasnya:
- React dan Next.js untuk antarmuka pengguna yang responsif dan dinamis.
- TypeScript untuk pengembangan yang lebih aman dan terstruktur.
- Firebase Auth untuk autentikasi pengguna yang aman.
- Tailwind CSS untuk desain antarmuka yang modern dan responsif.
- Plotly.js untuk visualisasi data sensor yang interaktif.
Aplikasi ini terintegrasi dengan perangkat IoT melalui protokol yang sesuai, memungkinkan komunikasi dua arah antara aplikasi dan perangkat keras. Data sensor dikumpulkan dan dikirim ke aplikasi secara real-time, memberikan wawasan langsung kepada pengguna tentang kondisi kumbung mereka. Pengguna juga dapat mengontrol perangkat seperti kipas, humidifier, dan lampu langsung dari aplikasi, memungkinkan penyesuaian cepat terhadap perubahan kondisi lingkungan.