Metaviz AI
EcoSmart Web App

Tree Care AI Web Application

Tree Care AI Web App

Upload a photo of any tree and the app diagnoses health issues and suggests care routines using AI.

Overview

TreeCare is an AI-powered web application built to modernize tree care services. It allows users to upload plant images for species identification, check plant health, estimate tree trimming and removal costs, and connect with nearby arborists - all through a responsive web interface.

The app features a React frontend and a backend powered by FastAPI, Node.js, and MongoDB. A smart AI chatbot, powered by LangChain and Google Generative AI (Gemini), guides users through every step - from identifying plants to estimating service prices.

Tree Care AI Web App - project overview
- Relevant keywords -
  • AI tree care app
  • Plant identification tool
  • Arborist finder
  • Tree removal cost calculator
  • Chatbot for landscaping services
Challenge & Solution

Solving real problems with smart engineering

Image-Based Plant Identification

Problem

Users without botanical expertise couldn't reliably identify tree species or detect health issues from sight, and manual research across plant databases was slow and inconsistent.

Solution

Integrated the Plant.id API behind a clean upload UI - users snap a photo and the system returns species, condition, and care guidance in seconds.

Dynamic Tree Service Cost Estimation

Problem

Tree trimming and removal pricing depends on location, weather, property value, and species - making accurate upfront quotes impossible without a manual site visit.

Solution

Aggregated AccuWeather, RentCast, and Google Maps data into a smart estimator that produces calibrated quotes from photo and address alone.

Finding Local Arborists

Problem

Users had to scan multiple directories and review sites to find vetted, available arborists in their area, killing intent mid-funnel.

Solution

Yelp API integration filters and ranks local arborists by rating, distance, and availability - surfaced contextually right after diagnosis.

User Guidance and Interaction

Problem

First-time users were overwhelmed by the multi-step flow - identify, diagnose, estimate, book - leading to drop-off before booking.

Solution

A LangChain + Gemini-powered chatbot guides users through each step conversationally, sharply reducing friction and abandonment.

Gallery

A look inside

Tech Stack

Built with

Frontend

  • React + Tailwind CSS - fast, responsive UI
  • Zustand & React Hook Form - state and form handling
  • Zod + React Query - validation and async data
  • Axios + Sonner - API communication and user feedback

Backend

  • FastAPI - main API logic (chat, pricing, image upload)
  • Node.js / Express.js - additional endpoints and MongoDB integration
  • MongoDB - user data, chats, and service requests

AI & APIs

  • LangChain + LangGraph + Gemini AI - conversational chatbot
  • Plant.id API - image-based plant diagnostics
  • Yelp API - arborist search
  • AccuWeather, RentCast & Google Maps APIs - cost estimation

Security

  • Environment variables - safe API key handling
  • Input and file validation - Zod and Pydantic
  • CORS setup and error handling - secure, user-friendly experience
Results & Value

What actually changed

01Headline outcome
80%Faster EstimationService estimation time reduced through automated data aggregation.
02
<5s
Instant DiagnosisImage-based plant identification and health check delivered in seconds.
03
Higher BookingsMore arborist conversions via location-aware, contextual suggestions.
04
24/7
AI GuidanceAlways-on conversational support across the full booking flow.

Have a similar project in mind?

Let's talk about how AI can transform your service business.

Discuss Your Idea Today