AgriRadar

• 

  AgriRadar

Inspiration📌 About the Project

AgriRadar is more than just a map — it's a vision to empower farmers, students, and citizens to visually monitor farm health and promote sustainable agriculture. The project started with a simple question:

"What if anyone, anywhere, could click on a farm and instantly understand its condition?"

This idea grew into AgriRadar — an interactive, web-based dashboard built to visualize key indicators like crop type, soil moisture, and vegetation health, directly on the map, without requiring any login, installation, or technical background.

🌾 What Inspired Me The inspiration came from real-world problems — unpredictable weather, degraded soil, and the widening gap between farmers and technology. Seeing winning projects like Dayaraft and Greenspan at past Google Maps challenges showed us how location-based intelligence can make a difference. But unlike those advanced systems, we wanted something simple, beautiful, and accessible.

I imagined a tool that:

✅ Works instantly in the browser

✅ Uses open-source maps like OpenStreetMap

✅ Simulates smart farm data

✅ Can scale to real sensor or satellite input in the future

That’s how AgriRadar was born.

🔧 How I Built It AgriRadar was built using only HTML, CSS, and JavaScript, keeping it lightweight and free of API costs. Here's a quick breakdown:

🌍 OpenStreetMap + Leaflet.js for the interactive map

🎯 JavaScript to simulate farm data (health, moisture, crop type)

🖼️ Custom UI with CSS to make it clean and responsive

🧠 Imagined real-life use cases like:

Farm damage assessment

Crop planning

Education and demonstration tools

🌟 What I Learned Building this project taught us a lot about:

User-centered design — what looks good also needs to feel right

Geo-mapping tools and how intuitive maps can replace complex dashboards

Working without API keys by relying on open data

Keeping things simple — you don’t need a complex backend to make an impact

We also realized that with the right UI, even mock data can tell powerful stories.

🚧 Challenges I Faced 💻 We started with zero coding knowledge, which made every step a learning curve.

🎯 Making the map clickable and data-aware without external APIs was tricky.

🎨 Designing a visually appealing interface took more time than expected.

📦 Deploying on Netlify and organizing everything for a clean submission required patience and feedback loops.

But every challenge taught us something new — and made the final result even more rewarding.

💡 Final Thought AgriRadar is still a prototype, but it has real-world potential. It can grow into an app that connects real sensors or satellite data, enabling smart farming even in low-tech regions.

This isn’t just a map. It’s a starting point for a smarter, greener future.

Built With

• css3
• data
• fonts
• google
• html5
• javascript
• json
• leaflet.js
• markdown
• mock
• netlify
• openstreetmap