What I Built

Smart Krishi Sahayak (Smart Agricultural Assistant) is a comprehensive, mobile-responsive ecosystem dashboard engineered to empower small and marginal farmers with real-world, data-driven agricultural insights.

Built using React 18, TypeScript, Vite, and Tailwind CSS, the application consolidates fragmented public data streams into a singular, highly scannable interface. It features:

🤖 An AI Agriculture Agent: Leveraging LLM capabilities to deliver context-aware, crop-specific advice and government scheme guidance.

🌦️ An Intelligent Weather Engine: Providing location-based, 7-day forecasting coupled with weather-driven disease prediction models.

📈 Real-Time Mandi Price Tracing: Integrating with the live Government of India Agmarknet API (api.data.gov.in) to show cross-location price comparisons and trend analysis.

🌐 Native Multilingual Infrastructure: Complete localization (Hindi primary / English secondary) managed through react-i18next for seamless accessibility.

The Comeback Story

A few months ago, Smart Krishi Sahayak was stuck in development limbo. While the modular page blueprints (Weather.tsx, MandiPrices.tsx, DiseaseDetection.tsx) existed structurally in my src/pages/ directory, they were loaded with static fallback arrays and non-functional user interactions. It was essentially a beautiful shell without data pipelines.

To complete the app for this challenge, I undertook a deep refactoring arc to turn these mock pages into production-ready software:

Transitioning to Type-Safe API Hydration: I replaced static fallback placeholders with live asynchronous network layer modules using Axios. The Mandi Price module now actively hits the external Agmarknet API resource endpoint and dynamically reflects real-time shifting trends.

Robust Error Boundary Layers: In agricultural tools, UI resilience is critical due to unpredictable cellular data drops in remote fields. I overhauled the state management to prevent frontend rendering crashes if an API payload drops midway.

Comprehensive Localization Coverage: I fully mapped our underlying translation JSON structures (src/i18n/locales/hi.json and en.json) ensuring that every custom alert card, navigation label, and API response handles runtime language shifting instantly.

My Experience with GitHub Copilot

Reviving a stagnant codebase packed with manual configuration files can be mentally exhausting, but GitHub Copilot completely changed the speed of my workflow. It acted as an advanced pair programmer across three explicit bottlenecks:

1. Rapid Type Definition and API Schema Mapping

Mapping the unstructured payload returned by government datasets into strictly typed TypeScript interfaces usually takes an hour of debugging. By feeding Copilot an example slice of the raw Agmarknet JSON payload, it generated clean, robust TypeScript interfaces (interface MandiRecord) instantly. It then predicted the exact destructured properties I needed within my MandiPrices.tsx data processing pipeline.

2. Localization Configuration Optimization

Setting up react-i18next context switching without missing deep nested keys can cause frustrating silent UI failures. Copilot was a massive help here; it anticipated missing localized keys across my layout components and filled in the matching t('dashboard.weather_warning') structures seamlessly, maintaining strict sync between the English and Hindi locale files.

3. Writing Clean, Modular Layout Elements

When building out the layout components (like the responsive grid structure in Dashboard.tsx and custom card groups inside GovernmentSchemes.tsx), I relied on Copilot to quickly generate semantic Tailwind markup. Instead of manually writing repetitive class strings for high-contrast mobile responsiveness, Copilot instantly filled in clean, accessible CSS components following optimal Tailwind styling rules.

Without Copilot acting as a continuous syntax and context accelerator, completing this deep API and localization refactoring loop before the deadline wouldn't have been possible!`

ABHISHEK-DBZ / agro

Smart Krishi Sahayak - Agriculture Assistant App

A comprehensive agriculture assistant app that provides real-time weather updates, crop information, disease detection, mandi prices, and government schemes for farmers.

🌟 Features

🤖 AI Agriculture Agent

GPT-powered farming assistant
Real-time farming advice and solutions
Crop-specific recommendations
Disease diagnosis and treatment suggestions
Government scheme guidance
Voice interaction support
Multilingual responses (Hindi/English)

🌦️ Weather Module

Real-time weather forecast (rainfall, humidity, temperature)
Location-based weather data
Weather-based crop disease prediction
7-day weather forecast

🌾 Crop Information

Detailed crop information including seed types and best practices
Soil compatibility guidance
Fertilizer and pesticide recommendations
Seasonal planting guides

🐛 Disease & Pesticide Recommendation

AI-powered crop disease detection from images
Pesticide usage recommendations
Safety guidelines and dosage information
Common disease database

📈 Mandi Price Module

Daily market prices from Agmarknet
Crop-wise and location-wise filtering
Price trend analysis
Market recommendations

💰 Government Scheme Information

Latest government schemes and subsidies
Eligibility criteria…

View on GitHub

DEV Community

How I Revived a Paused Agri-Tech App to Empower Farmers Using GitHub Copilot