🇮🇳 Independence Day Special: Premium Websites starting at ₹19,999!Claim Offer

AgriMitra

AI-based platform to predict crop yields using historical agricultural data, weather patterns, and soil health metrics.

AgriMitra Dashboard

Short Explanation

AgriMitra consolidates weather, soil and historical crop data in a modern web app to forecast yields and assist farm planning. The application focuses on clean UX, responsive dashboards, and reliable integrations with external APIs for up-to-date insights.

Project Goals

  • •Aggregate multi-source weather and soil data into a unified view.
  • •Provide yield predictions and visualizations for decision making.
  • •Offer fast, accessible, multilingual UI for diverse users.
  • •Structure a scalable frontend with robust state and routing.
AgriMitra UI
AgriMitra Charts

Development Details

The frontend is built with React and TypeScript, scaffolded via Vite for a fast DX. Tailwind CSS and MUI power styling and components, while Framer Motion adds subtle motion to improve perception of speed and interactivity. Data fetching and caching rely on React Query, forms are handled with React Hook Form, and Axios integrates external APIs. Internationalization support includes English, Hindi, and Punjabi using i18next and react-i18next. Charts are implemented via Chart.js and Recharts to visualize historical trends and forecasts.

AgriMitra Data Visualization

Tech Stack Used

Frontend & Build

React 18, TypeScript 5, Vite 4

Styling & UI

Tailwind CSS, Material-UI, Framer Motion, Radix UI

State & Data

React Query, React Hook Form, Axios

Internationalization

i18next (English, Hindi, Punjabi)

Charts

Chart.js, Recharts

APIs Integrations

OpenWeatherMap, OpenCage Geocoding, Agromonitoring, Ambee Soil