CASE_STUDYSmart Home Dashboard
Web dashboard real-time untuk monitoring dan kontrol perangkat IoT rumah. Data dari ESP32 ditampilkan via WebSocket dengan grafik live.
Pulling project data, logs, and interface modules into place.
Saya menghubungkan code dengan dunia nyata โ dari pixel-perfect UI hingga sensor yang berbicara dengan server. Kalau kamu butuh seseorang yang paham dua dunia, kamu ketemu yang tepat.
{
"name": "Dzaki",
"role": [
"Frontend Dev",
"Flutter Dev",
"IoT Engineer"
],
"location": "Indonesia",
"stack": {
"web": "React + Next.js",
"mobile": "Flutter",
"hardware": "ESP32 + MQTT"
}
}
Dari wireframe Figma sampai production-ready โ pixel-perfect dan performant. Klik kartu untuk lihat detail.
CASE_STUDYWeb dashboard real-time untuk monitoring dan kontrol perangkat IoT rumah. Data dari ESP32 ditampilkan via WebSocket dengan grafik live.
CASE_STUDYAplikasi belanja Flutter dengan UX yang smooth -- cart management, payment flow, dan push notifications.
CASE_STUDYLibrary komponen React dengan Neo-Brutalist aesthetic. Dokumentasi interaktif dengan Storybook.
Ada lebih banyak eksperimen di balik layar.
Lihat Project Logs ->Bridging the gap between software logic and physical intelligence. Documentation of hardware architectures, sensor integrations, and IoT protocols.
OPEN_CASE_STUDYStasiun cuaca mandiri bertenaga surya. Mengukur suhu, kelembaban, dan polusi udara. Mengirim data ke server via MQTT.
OPEN_CASE_STUDYSistem penyiraman tanaman otomatis berbasis soil moisture sensor. Bisa dikontrol via Telegram bot.
OPEN_CASE_STUDYSistem kunci pintu dengan RFID dan ESP8266. Terintegrasi dengan web admin untuk log akses.
A hybrid stack for bridging digital logic with physical execution.
Catatan di balik layar. Realita antara debugging hardware dan ngoding frontend.
Hari ini aku berhasil menghubungkan ESP32 langsung ke frontend Next.js menggunakan Socket.io. Tantangan terbesarnya adalah mengatur state React agar tidak re-render berlebihan.
Sensor BME280 dan MPU6050 sempat bentrok di bus I2C. Setelah tracing wiring dan pull-up resistor, pembacaan sensor akhirnya stabil.
MVP butuh flow cepat, tapi struktur state tetap harus dijaga supaya cart, checkout, dan notifikasi tidak saling mengunci.