Skip to content

THE-DEEPDAS/acroecology-project

Β 
Β 

Repository files navigation

🌾 CropVision - AI-Powered Crop Prediction Platform

CropVision Banner

Discover the perfect crop for your land with intelligent agricultural analysis

React TypeScript Vite Tailwind CSS

A joint effort by Swapna Kondapuram and Deep Das, 3rd year undergraduates at NIT Surat


🌱 Overview

CropVision is an innovative web application that leverages artificial intelligence to provide farmers and agricultural professionals with data-driven crop recommendations. By analyzing multiple environmental and soil parameters, the platform suggests the most suitable crops for specific land conditions, helping optimize agricultural productivity and sustainability.

✨ Key Features

  • πŸ” Intelligent Crop Analysis - Advanced algorithm considering 7 critical parameters
  • πŸ“Š Comprehensive Dashboard - Track predictions, success rates, and field analytics
  • πŸ“ˆ Real-time Analytics - Visual insights into crop distribution and trends
  • πŸ‘€ User Authentication - Secure login and personalized experience
  • 🎨 Beautiful UI/UX - Modern, responsive design with smooth animations
  • πŸ“± Mobile Responsive - Optimized for all device sizes
  • πŸ’Ύ Data Export - Download prediction data and analytics

🎯 How It Works

CropVision analyzes seven crucial agricultural parameters to make accurate crop predictions:

πŸ“‹ Input Parameters

  1. 🌧️ Rainfall (mm) - Monsoon patterns and water availability
  2. 🌑️ Temperature (°C) - Climate conditions and thermal requirements
  3. πŸ’¨ Humidity (%) - Atmospheric moisture levels
  4. βš›οΈ Phosphorous (kg/ha) - Root development and flowering nutrients
  5. ⚑ Potassium (kg/ha) - Plant disease resistance and stress tolerance
  6. πŸ§ͺ Nitrogen (kg/ha) - Vegetative growth and chlorophyll production
  7. πŸ”¬ pH Value (0-14) - Soil acidity/alkalinity balance

🎯 Supported Crops

  • 🌾 Rice - Optimal for high rainfall and warm climates
  • 🌾 Wheat - Perfect for cool temperatures and moderate water
  • 🌽 Maize - Ideal for warm conditions with good nitrogen levels
  • 🌿 Cotton - Suitable for high potassium and warm weather
  • 🫘 Soybean - Thrives in balanced pH and moderate conditions
  • πŸ… Tomato - Requires high nutrients and controlled environment
  • πŸ₯¬ Mixed Vegetables - Versatile options for diverse conditions

πŸš€ Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn package manager
  • Modern web browser

Installation

  1. Clone the repository

    git clone https://github.com/your-username/cropvision.git
    cd cropvision
  2. Install dependencies

    npm install
  3. Start development server

    npm run dev
  4. Open in browser

    http://localhost:5173
    

Build for Production

npm run build
npm run preview

πŸ› οΈ Technology Stack

Frontend Framework

  • React 18.3.1 - Modern UI library with hooks
  • TypeScript 5.5.3 - Type-safe JavaScript development
  • Vite 5.4.2 - Fast build tool and development server

Styling & UI

  • Tailwind CSS 3.4.1 - Utility-first CSS framework
  • Lucide React - Beautiful icon library
  • Custom CSS Animations - Smooth transitions and effects

Development Tools

  • ESLint - Code linting and formatting
  • PostCSS - CSS preprocessing
  • Autoprefixer - CSS vendor prefixing

πŸ“± Features Deep Dive

🎨 Interactive User Experience

  • Storytelling Interface - Each parameter input tells an agricultural story
  • Real-time Feedback - Instant insights on soil conditions
  • Animated Transitions - Smooth, engaging user interactions
  • Progress Tracking - Visual step-by-step journey

πŸ“Š Advanced Analytics

  • Prediction Confidence - AI-calculated accuracy scores
  • Historical Trends - Track prediction patterns over time
  • Crop Distribution - Visual breakdown of recommended crops
  • Success Rate Monitoring - Performance analytics

πŸ” User Management

  • Secure Authentication - Email/password login system
  • Profile Management - Customizable user settings
  • Data Persistence - Local storage for user preferences
  • Account Export - Download personal data

πŸ“ˆ Dashboard Features

  • Real-time Weather - Current conditions display
  • Field Management - Track multiple agricultural areas
  • Recent Predictions - Quick access to latest recommendations
  • Performance Metrics - Success rates and statistics

🌟 Screenshots

Landing Page

Beautiful, animated landing page with crop-themed visuals and smooth transitions.

Prediction Journey

Step-by-step parameter input with real-time feedback and agricultural storytelling.

Crop Recommendations

Detailed analysis results with confidence scores, growing tips, and market insights.

Analytics Dashboard

Comprehensive data visualization with charts, trends, and performance metrics.


🀝 Contributing

We welcome contributions to CropVision! Here's how you can help:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Development Guidelines

  • Follow TypeScript best practices
  • Use Tailwind CSS for styling
  • Write meaningful commit messages
  • Test on multiple browsers
  • Ensure responsive design

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ‘₯ Authors

πŸŽ“ Student Developers

Swapna Kondapuram & Deep Das

3rd Year Undergraduate Students
National Institute of Technology (NIT), Surat


Bridging the gap between technology and agriculture through innovative solutions


πŸ™ Acknowledgments

  • NIT Surat - For providing the educational foundation
  • Agricultural Research Community - For crop science insights
  • Open Source Community - For the amazing tools and libraries
  • React & TypeScript Teams - For the robust development platform

πŸ“ž Contact

For questions, suggestions, or collaboration opportunities:


Made with ❀️ for sustainable agriculture

CropVision - Empowering farmers with AI-driven insights

Crop Banner

About

Crop prediction ML model developed for Bolt Hackathon using soil and climate data

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 87.6%
  • CSS 11.0%
  • Other 1.4%