🌍 Clear View – Community-Powered Pollution Reporting Platform

Empowering communities to report, visualize, and act on environmental pollution – starting with India’s invisible informal industry emissions.

---

🧠 Problem

Unseen pollution from informal industries across India continues to contaminate local ecosystems and communities. There’s a lack of real-time, geotagged data to take timely action or raise awareness.

---

✅ Our Solution: Clear View

Clear View is a mobile-first, community-powered web app that allows users to report environmental pollution incidents. The platform geotags and visualizes pollution data on an interactive public map. It supports AI-assisted classification, NGO collaboration, and biodiversity hotspot tracking.

---

⚡ Key Features (Hackathon MVP – Built under 72 Hours)

• 📸 Simple Reporting Interface: Submit pollution reports via a mobile-friendly form. Auto-captures geolocation. Supports image upload.
• 🗺️ Geotagged Hotspot Map: Displays reports on a real-time, interactive Leaflet map.
• 🧠 Automatic Image Classification: Uses TensorFlow MobileNet to detect pollution in submitted photos.
• 🔍 Filtering and Clustering: Filter by pollution type, date range. Visual indicators for high-density zones.
• 🔐 User Authentication: Basic login/signup with Firebase. NGOs can apply for verification.
• 🧾 Dashboards: Personal dashboards for users, NGOs, and admins to track or manage reports.
• 🐛 Report Statuses: Each report moves through Pending → Approved/Rejected → Resolved.

---

📱 Screenshots

📂 Located in the /snips folder

📱 Screenshots

Login	Register	Report

Map	User Dashboard	Admin Dashboard

NGO Dashboard	Leaderboard	Landing Page 1

Landing Page 2

---

🎥 Demo Video

📽️ Watch the Demo

---

🚀 Live App

🌐 Visit the Deployed Site

---

🛠️ Tech Stack

Frontend:

• React
• Vite
• Tailwind CSS
• Leaflet.js for maps

Backend / Infra:

• Firebase Authentication
• Cloud Firestore for data storage
• Firebase Hosting

ML Model Integration:

• TensorFlow.js with MobileNet for pollution image classification

---

📦 How to Run Locally

# 1. Clone the repository
git clone https://github.com/yourusername/ClearView.git
cd clear-view

# 2. Install dependencies
npm install

# 3. Add Firebase config
# Replace the placeholders in /src/firebase.js with your Firebase credentials

# 4. Run the development server
npm run dev
---

🤝 Contributing (Coming soon)

---

📜 License (Not yet licensed)

This project is licensed under the MIT License.

---

🙏 Acknowledgements

• This project was built during the Hackathon Hack Eclipse
• Special thanks to Vighnesh for his mentoring

---