Hydrotoring

Web Dev
IoT
Hydrotoring

Tech Stack

Javascript
Firebase
Chart.js
Arduino
Raspberry Pi

Description

Hydrotoring is an IoT-based hydroponic monitoring system I built for my undergraduate thesis at Universitas Komputer Indonesia (UNIKOM).

The system connects 4 types of sensors (pH, TDS, DHT22, YL-69) to Arduino Uno and Raspberry Pi 3 microcontrollers, streaming real-time data to Firebase, which is then visualized through live charts and historical tables on a web dashboard.

  • Integrated pH, TDS, temperature/humidity (DHT22), and soil moisture (YL-69) sensors via Arduino Uno and Raspberry Pi 3
  • Streamed real-time sensor data to Firebase for storage and live retrieval
  • Built a web dashboard with authentication and per-sensor monitoring pages using Chart.js for data visualization
  • Designed the end-to-end system architecture covering hardware, data flow, and the web application
  • Documented the system with use case diagrams and architecture diagrams as part of the thesis

Page Info

System Architecture

End-to-end architecture covering hardware (sensors, Arduino, Raspberry Pi) and software (Firebase, web dashboard) flow.

/projects/hydrotoring/architecture-system.png

Use Case Diagram

Use case diagram outlining user interactions with the dashboard and sensor data views.

/projects/hydrotoring/usecase.png

Landing Page

Introductory landing page explaining the Hydrotoring monitoring system.

/projects/hydrotoring/landing-1.png/projects/hydrotoring/landing-2.png

Dashboard

Main dashboard showing real-time charts for humidity, temperature, water acidity, and soil moisture.

/projects/hydrotoring/dashboard.png

Sensor Detail Pages

Individual pages per sensor showing live charts and historical readings.

/projects/hydrotoring/sensor-tds.png/projects/hydrotoring/sensor-temp.png/projects/hydrotoring/sensor-yl-69.png/projects/hydrotoring/history.png