OceanGuardian AI

• 

  Home

Inspiration

With 8-12 million tons of plastic entering our oceans yearly, we needed an accessible AI tool to turn awareness into action.

What it does

OceanGuardian AI classifies marine debris from photos, maps global pollution hotspots, calculates your plastic footprint, and suggests sustainable alternatives—all powered by Google's Gemini 2.5 Flash.

How we built it

React + Vite frontend, Google Vision API for image detection, Gemini 2.5 Flash for AI analysis, and Mapbox for interactive ocean visualization.

Challenges we ran into

Optimizing AI classification accuracy for diverse debris types and handling real-time map data without a backend database.

Accomplishments that we're proud of

Creating a fully client-side app that makes ocean conservation tangible through personalized AI insights and actionable recommendations.

What we learned

AI can transform environmental education from passive statistics into interactive, personal experiences that drive real behavior change.

What's next for OceanGuardian AI

AR visualization for plastic impact, multi-language support, community cleanup coordination, and partnerships with ocean conservation organizations.

Built With

• google-gemini
• google-vision
• mapbox
• react
• typescript
• vite