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

Monitoreo Hídrico

Sistema de monitoreo ambiental de cuerpos de agua en el departamento de Bolívar, Colombia. Conecta dispositivos hídricos IoT en tiempo real vía MQTT y visualiza métricas ambientales. Entregado con SEO técnico completo para garantizar visibilidad y acceso público al proyecto.

Tecnologías

Next.js Node.js Recoil MQTT Tailwind CSS CSS
Ver sitio
Monitoreo Hídrico desktop

Lo que hice

  • 01

    IoT en Tiempo Real

    Conexión en tiempo real con dispositivos hídricos IoT mediante protocolo MQTT.

  • 02

    Métricas Ambientales

    Visualización de métricas ambientales de cuerpos de agua en el departamento de Bolívar.

  • 03

    SEO Técnico

    Sitemap automatizado, metatags dinámicos y datos estructurados para visibilidad pública.

  • 04

    Estado con Recoil

    Gestión eficiente de estado con Recoil para datos IoT en tiempo real.

  • 05

    API Routes Node.js

    API routes con Node.js integradas en Next.js para comunicación directa con dispositivos IoT.

  • 06

    UI Responsive

    Interfaz responsive con Tailwind CSS y animaciones personalizadas para datos ambientales.

Capturas

Diseñé y desarrollé el frontend de extremo a extremo, creando una experiencia responsive y optimizada para SEO, asegurando buen rendimiento y usabilidad en cualquier dispositivo.

Monitoreo Hídrico mobile
Vista geoespacial con mapa interactivo y múltiples capas de información en Bolívar, integrando estaciones con datos de sensores en tiempo real. Incluye funcionalidades de predicción de variables mediante modelos de machine learning para análisis prospectivo.
Monitoreo Hídrico desktop
Herramienta de análisis que transforma datos en insights: gráficas de autocorrelación, distribución y correlación que permiten entender el comportamiento histórico de las estaciones y apoyar la toma de decisiones.
Monitoreo Hídrico desktop
Módulo de visualización de datos de sensores, con soporte para filtrado por variable y comparación entre múltiples estaciones, permitiendo analizar tendencias y comportamientos a lo largo del tiempo.
Monitoreo Hídrico desktop
Módulo de visualización tabular que presenta variables recolectadas por las estaciones, con filtrado dinámico por rangos de tiempo y exportación a CSV.

Otros proyectos