ES | EN
Monitoreo Hídrico icon
LIVE Front-End Developer

Monitoreo Hídrico

Environmental monitoring system for water bodies in the Bolívar department, Colombia. Connects water IoT devices in real time via MQTT and visualizes environmental metrics. Delivered with full technical SEO to ensure public visibility and access.

Tech Stack

Next.js Node.js Recoil MQTT Tailwind CSS CSS
Visit site
Monitoreo Hídrico desktop

What I did

  • 01

    Real-Time IoT

    Real-time connection to water IoT devices via MQTT protocol.

  • 02

    Environmental Metrics

    Visualization of environmental metrics for water bodies in the Bolívar department.

  • 03

    Technical SEO

    Automated sitemap, dynamic metatags, and structured data for public visibility.

  • 04

    Recoil State

    Efficient state management with Recoil for real-time IoT data handling.

  • 05

    Node.js API Routes

    Node.js API routes integrated in Next.js for direct IoT device communication.

  • 06

    Responsive UI

    Responsive interface with Tailwind CSS and custom animations for environmental data.

Screenshots

Designed and developed the end-to-end frontend, creating a responsive and optimized experience for SEO, ensuring good performance and usability on any device.

Monitoreo Hídrico mobile
Geospatial view with interactive map and multiple informative layers in Bolívar, integrating stations with real-time sensor data. Includes prediction of variables using machine learning models for prospective analysis.
Monitoreo Hídrico desktop
Analysis tool that transforms data into insights: autocorrelation, distribution, and correlation charts that allow understanding the historical behavior of stations and supporting decision-making.
Monitoreo Hídrico desktop
Data visualization module, with support for filtering by variable and comparison between multiple stations, allowing to analyze trends and behaviors over time.
Monitoreo Hídrico desktop
Table visualization module that presents variables collected by stations, with dynamic filtering by time ranges and CSV export.

Other projects