Neatleaf Insights Dashboard
Roles
Rocco Ghielmini - Senior Frontend Engineer
Oct, 2023 - Oct, 2024
Technologies Used
Greenhouse-scale insight delivery
Neatleaf deploys canopy-scanning robots to capture dense greenhouse data. I helped turn those feeds into an interactive dashboard where agronomists annotate problem areas, compare crops over time, and sync recommendations back to operations.
Problem
Growers relied on static exports and manual screenshots to communicate plant stress. The navigation lagged when loading 100+ megapixel maps, and collaboration lived in external tools, making it hard to link discussions to precise locations in the greenhouse.
My Contributions
- Shipped a progressive image streaming workflow for the top-view navigator, combining caching, windowed loading, and motion cues so agronomists can pan massive fields without jarring lag.
- Refactored state management by flattening nested React contexts and Redux into URL-driven routing, enabling deep links for individual plants, devices, or time ranges.
- Built collaborative annotation tools with Lexical-based rich text, supporting @-mentions, hashtag taxonomy, and threaded discussions anchored to spatial coordinates.
- Extended the GraphQL API surface and CI pipeline so UI teams could ship confidently with component, integration, and Playwright end-to-end coverage.
Outcomes
The dashboard now loads greenhouse maps in seconds, lets teams tag insights directly on the canopy, and centralizes conversations around quantifiable plant health metrics. Agronomists spend less time juggling files and more time acting on data.