All Projects

Eco-Watch

Landing page for an AI-powered drone concept that detects illegal dumping and litter using computer vision.

Frontend Developer
Eco-Watch

Tech Stack

ReactTypeScriptViteTailwind CSSReact Router

Tags

FrontendSustainabilityProduct

Key Outcomes

  • Built a responsive marketing site explaining drone capture → ML detection → intervention workflow
  • Implemented lazy-loaded routing for clean navigation across core sections
  • Documented the ML system stack separately to keep claims accurate and scoped

Overview

Eco-Watch is a landing page that showcases an AI-powered drone surveillance system for detecting illegal dumping and litter in rural and semi-urban areas. This repository contains the front-end landing page only, while the ML pipeline and drone integration live in a separate repository.

Problem

Illegal dumping often goes unnoticed when inspections are manual and infrequent. By the time dumping is discovered, cleanup becomes more expensive and the site is harder to restore.

Solution Concept

Eco-Watch proposes using drone imagery and object detection (YOLO-style) to identify waste early. The landing page explains the workflow and presents the product idea clearly for non-technical audiences.

Implementation Notes

The site is built with React + TypeScript and styled with Tailwind CSS. Routing is handled with React Router with lazy-loaded routes to keep the initial load light.

Results

Eco-Watch communicates a full product concept clearly, with a modern UI that is easy to extend as the system evolves.