Volver a proyectos

LotePro | Plataforma de gestión de lotes agrícolas

Una aplicación web para la gestión eficiente de lotes agrícolas, permitiendo a los usuarios monitorear y administrar sus cultivos de manera efectiva.

React NodeJS Firebase
LotePro | Plataforma de gestión de lotes agrícolas

Cómo surgió la idea

Todo comenzó con una charla familiar. Mi hermano es ingeniero agrónomo y, hablando sobre su trabajo diario, me confesó una de sus mayores frustraciones: el caos de la información.

Me explicó que, aunque el trabajo en el campo es extremadamente técnico y preciso, la gestión de los datos seguía dependiendo de métodos manuales y desconectados.

// USER_PAIN_POINT

"Los datos están por todos lados. Entre planillas, notas en el celular y papeles sueltos, la información histórica de los lotes se termina perdiendo."

Como desarrollador, no pude evitar traducir este problema en una arquitectura de software. Me propuse el desafío de crear una herramienta que centralizara esta dispersión, eliminando el miedo a perder información. Así nació LotePro.

Desafíos Técnicos

01_ISSUE

Lógica Dispersa

Los IDs de los lotes se duplicaban y generaban errores por tener la lógica de creación repetida en múltiples componentes sin un control centralizado.

Solución

Refactorización completa extrayendo la lógica a Custom Hooks reutilizables.

02_ISSUE

Race Conditions

El usuario tenía que loguearse dos veces debido a redirecciones prematuras antes de que Firebase confirmara la sesión.

Solución

Implementación de un Auth Listener para sincronizar el renderizado con el estado real.

03_ISSUE

Integración API Externa

Mi primera integración compleja (Clima). El reto principal fue manejar las estructuras JSON anidadas y los tiempos de espera variables sin congelar la UI.

Solución

Manejo avanzado de Promesas y Estados de Carga para mejorar la experiencia de usuario (UX).

Conclusión y Roadmap

Este proyecto me enseñó a pensar como ingeniero: a dividir problemas grandes en pequeños y a no tener miedo de reescribir código para hacerlo mejor.

NEXT STEP 01 Modo Offline (PWA)
NEXT STEP 02 Visualización de Datos