Upload 7 files

.gitattributes

@@ -33,3 +33,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+geodata.csv filter=lfs diff=lfs merge=lfs -text
+static/images/img.png filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -0,0 +1,18 @@
+# Use an official Python runtime as a parent image
+FROM python:3.9-slim
+
+# Set the working directory
+WORKDIR /app
+
+# Copy the application files to the container
+COPY . /app
+
+# Install Python dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+
+# Expose the Flask port (Hugging Face Spaces uses port 7860 by default)
+EXPOSE 7860
+
+# Command to run the Flask app
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,83 @@
+from flask import Flask, render_template, request, jsonify
+import pandas as pd
+import joblib
+
+app = Flask(__name__)
+
+# Load your trained model
+model = joblib.load('crop_price_model (1).pkl')
+
+# Load the geospatial data
+geo_data = pd.read_csv('geodata.csv')  # Update with your actual CSV file path
+states = geo_data['State'].unique().tolist()
+
+# Sample crop list for demonstration; replace with actual crop data if needed
+crops = ['Apple', 'Banana', 'Bhindi', 'Bitter Gourd', 'Brinjal', 'Cabbage', 'Capsicum',
+         'Carrot', 'Cauliflower', 'Cluster Beans', 'Colacasia', 'Cucumbar', 'Dry Fodder',
+         'French Beans', 'Grapes', 'Green Chilli', 'Green Fodder', 'Guava', 'Leafy Vegetable',
+         'Lemon', 'Maize', 'Mango', 'Methi(Leaves)', 'Mousambi', 'Onion', 'Pear',
+         'Pomegranate', 'Potato', 'Pumpkin', 'Raddish', 'Sponge Gourd', 'Sweet Potato',
+         'Tinda', 'Tomato', 'Wheat', 'blackgram', 'chickpea', 'coconut', 'coffee',
+         'cotton', 'jute', 'kidneybeans', 'lentil', 'mothbeans', 'mungbean',
+         'muskmelon', 'orange', 'papaya', 'pigeonbeans', 'rice', 'watermelon']
+
+# Create a LabelEncoder for the 'crop' column
+crop_mapping = {
+    'Apple': 0, 'Banana': 1, 'Bhindi': 2, 'Bitter Gourd': 3, 'Brinjal': 4,
+    'Cabbage': 5, 'Capsicum': 6, 'Carrot': 7, 'Cauliflower': 8,
+    'Cluster Beans': 9, 'Colacasia': 10, 'Cucumbar': 11,
+    'Dry Fodder': 12, 'French Beans': 13, 'Grapes': 14,
+    'Green Chilli': 15, 'Green Fodder': 16, 'Guava': 17,
+    'Leafy Vegetable': 18, 'Lemon': 19, 'Maize': 20,
+    'Mango': 21, 'Methi(Leaves)': 22, 'Mousambi': 23,
+    'Onion': 24, 'Pear': 25, 'Pomegranate': 26, 'Potato': 27,
+    'Pumpkin': 28, 'Raddish': 29, 'Sponge Gourd': 30,
+    'Sweet Potato': 31, 'Tinda': 32, 'Tomato': 33, 'Wheat': 34,
+    'blackgram': 35, 'chickpea': 36, 'coconut': 37, 'coffee': 38,
+    'cotton': 39, 'jute': 40, 'kidneybeans': 41, 'lentil': 42,
+    'mothbeans': 43, 'mungbean': 44, 'muskmelon': 45, 'orange': 46,
+    'papaya': 47, 'pigeonbeans': 48, 'rice': 49, 'watermelon': 50
+}
+
+
+@app.route('/')
+def index():
+    return render_template('index.html', states=states, crops=crops)
+
+
+@app.route('/districts', methods=['POST'])
+def get_districts():
+    state = request.form.get('state')
+    districts = geo_data[geo_data['State'] == state]['District '].unique().tolist()
+    return jsonify({'districts': districts})
+
+
+@app.route('/predict', methods=['POST'])
+def predict():
+    state = request.form.get('state')
+    district = request.form.get('district')
+    date = request.form.get('date')
+    crop = request.form.get('crop')
+    production = float(request.form.get('production'))
+
+    # Convert date to year
+    year = pd.to_datetime(date).year
+
+    # Encode the crop using the mapping
+    crop_encoded = crop_mapping[crop]
+
+    # Prepare input for model prediction
+    input_data = pd.DataFrame({
+        'year': [year],
+        'crop': [crop_encoded],  # Use the encoded crop
+        'production': [production]
+    })
+
+    # Use the model to make predictions
+    predicted_price = model.predict(input_data)[0]  # Get the predicted price
+
+    return jsonify({'predicted_price': predicted_price})
+
+
+if __name__ == '__main__':
+    app.run(port=7860,host='0.0.0.0')

crop_price_model (1).pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:30d5108f1a987100e6471583148d15e4379a1a44c2fa8527761ab0ac9e8ee782
+size 912

geodata.csv

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8da3428b4169b7aebfd043ff2d30afe34f9421a4b0949e40c4b375859e53843e
+size 21143323

requirements.txt

@@ -0,0 +1,5 @@
+gunicorn
+flask
+pandas
+scikit-learn==1.5.2
+joblib==1.4.2

templates/index.html

@@ -0,0 +1,436 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Crop Price Prediction</title>
+    
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
+    <!-- Bootstrap Icons -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
+    <!-- Google Fonts - Outfit -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    
+    <style>
+        /* ===== GLOBAL STYLES ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: 'Outfit', sans-serif;
+            background-color: #f8f9fa;
+            color: #212529;
+            font-weight: 400;
+            line-height: 1.6;
+        }
+        
+        /* ===== CURVED BOTTOM HERO HEADER ===== */
+        .hero-header {
+            background-color: #1a5d3a;
+            color: white;
+            padding: 3rem 0 5rem 0;
+            border-bottom-left-radius: 50% 20px;
+            border-bottom-right-radius: 50% 20px;
+            margin-bottom: -3rem;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-header h1 {
+            font-size: 2.5rem;
+            font-weight: 700;
+            text-align: center;
+            margin: 0;
+        }
+        
+        .hero-header p {
+            text-align: center;
+            font-size: 1.1rem;
+            font-weight: 300;
+            margin-top: 0.5rem;
+            opacity: 0.95;
+        }
+        
+        /* ===== PROCESS VISUAL (3-STEP ICONS) ===== */
+        .process-steps {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 2rem;
+            margin: 2rem 0 4rem 0;
+            position: relative;
+            z-index: 2;
+        }
+        
+        .process-step {
+            text-align: center;
+            color: white;
+        }
+        
+        .process-step i {
+            font-size: 2.5rem;
+            display: block;
+            margin-bottom: 0.5rem;
+        }
+        
+        .process-step span {
+            font-size: 0.9rem;
+            font-weight: 500;
+        }
+        
+        .process-arrow {
+            font-size: 1.5rem;
+            color: rgba(255, 255, 255, 0.6);
+        }
+        
+        /* ===== MAIN CONTAINER ===== */
+        .main-container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 1rem;
+            position: relative;
+            z-index: 2;
+        }
+        
+        /* ===== CARD STYLES ===== */
+        .prediction-card {
+            background: #ffffff;
+            border-radius: 20px;
+            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
+            padding: 3rem;
+            margin-bottom: 2rem;
+        }
+        
+        /* ===== FORM STYLES ===== */
+        .form-label {
+            font-weight: 500;
+            color: #212529;
+            margin-bottom: 0.5rem;
+            font-size: 0.95rem;
+        }
+        
+        .form-control, .form-select {
+            background-color: #f8f9fa;
+            border: 1px solid #dee2e6;
+            border-radius: 8px;
+            padding: 0.75rem 1rem;
+            font-size: 1rem;
+            font-weight: 400;
+            transition: all 0.3s ease;
+        }
+        
+        .form-control:focus, .form-select:focus {
+            background-color: #ffffff;
+            border-color: #198754;
+            box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.1);
+            outline: none;
+        }
+        
+        .form-group {
+            margin-bottom: 1.5rem;
+        }
+        
+        /* ===== BUTTON STYLES ===== */
+        .btn-primary-action {
+            background-color: #1a5d3a;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            padding: 0.875rem 2rem;
+            font-size: 1rem;
+            font-weight: 500;
+            display: inline-flex;
+            align-items: center;
+            gap: 0.5rem;
+            transition: all 0.3s ease;
+            width: 100%;
+            justify-content: center;
+        }
+        
+        .btn-primary-action:hover {
+            background-color: #143d2e;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(26, 93, 58, 0.3);
+        }
+        
+        .btn-primary-action i {
+            font-size: 1.2rem;
+        }
+        
+        /* ===== RESULT BOX ===== */
+        .result-box {
+            background: linear-gradient(135deg, #198754 0%, #1a5d3a 100%);
+            color: white;
+            border-radius: 20px;
+            padding: 2rem;
+            margin-top: 2rem;
+            box-shadow: 0 10px 40px rgba(25, 135, 84, 0.2);
+            display: none;
+            animation: slideIn 0.5s ease;
+        }
+        
+        @keyframes slideIn {
+            from {
+                opacity: 0;
+                transform: translateY(-20px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .result-box h4 {
+            font-size: 1.5rem;
+            font-weight: 600;
+            margin: 0;
+            display: flex;
+            align-items: center;
+            gap: 0.75rem;
+        }
+        
+        .result-box h4 i {
+            font-size: 2rem;
+        }
+        
+        .result-price {
+            font-size: 2.5rem;
+            font-weight: 700;
+            margin-top: 1rem;
+            text-align: center;
+        }
+        
+        /* ===== IMAGE SECTION ===== */
+        .image-preview {
+            border-radius: 20px;
+            overflow: hidden;
+            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
+            height: 100%;
+            min-height: 400px;
+        }
+        
+        .image-preview img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        /* ===== RESPONSIVE DESIGN ===== */
+        @media (max-width: 768px) {
+            .hero-header h1 {
+                font-size: 2rem;
+            }
+            
+            .hero-header p {
+                font-size: 1rem;
+            }
+            
+            .process-steps {
+                gap: 1rem;
+            }
+            
+            .process-step i {
+                font-size: 2rem;
+            }
+            
+            .process-step span {
+                font-size: 0.8rem;
+            }
+            
+            .prediction-card {
+                padding: 2rem 1.5rem;
+            }
+            
+            .image-preview {
+                min-height: 250px;
+                margin-top: 2rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Hero Header with Curved Bottom -->
+    <div class="hero-header">
+        <div class="container">
+            <h1><i class="bi bi-graph-up-arrow"></i> Crop Price Prediction</h1>
+            <p>Get accurate price predictions for your crops based on location and production data</p>
+            
+            <!-- Process Steps -->
+            <div class="process-steps">
+                <div class="process-step">
+                    <i class="bi bi-geo-alt-fill"></i>
+                    <span>Select Location</span>
+                </div>
+                <i class="bi bi-arrow-right process-arrow"></i>
+                <div class="process-step">
+                    <i class="bi bi-clipboard-data-fill"></i>
+                    <span>Enter Details</span>
+                </div>
+                <i class="bi bi-arrow-right process-arrow"></i>
+                <div class="process-step">
+                    <i class="bi bi-currency-rupee"></i>
+                    <span>Get Price</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <!-- Main Content -->
+    <div class="main-container">
+        <div class="prediction-card">
+            <div class="row">
+                <!-- Form Section -->
+                <div class="col-lg-7">
+                    <form id="prediction-form">
+                        <div class="form-group">
+                            <label for="state" class="form-label">
+                                <i class="bi bi-map"></i> Select State
+                            </label>
+                            <select class="form-select" id="state" name="state" required>
+                                <option value="">Choose your state...</option>
+                                {% for state in states %}
+                                <option value="{{ state }}">{{ state }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        
+                        <div class="form-group">
+                            <label for="district" class="form-label">
+                                <i class="bi bi-pin-map"></i> Select District
+                            </label>
+                            <select class="form-select" id="district" name="district" required>
+                                <option value="">Choose your district...</option>
+                            </select>
+                        </div>
+                        
+                        <div class="form-group">
+                            <label for="date" class="form-label">
+                                <i class="bi bi-calendar-event"></i> Select Date
+                            </label>
+                            <input type="date" class="form-control" id="date" name="date" required>
+                        </div>
+                        
+                        <div class="form-group">
+                            <label for="crop" class="form-label">
+                                <i class="bi bi-flower3"></i> Select Crop
+                            </label>
+                            <select class="form-select" id="crop" name="crop" required>
+                                <option value="">Choose your crop...</option>
+                                {% for crop in crops %}
+                                <option value="{{ crop }}">{{ crop }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        
+                        <div class="form-group">
+                            <label for="production" class="form-label">
+                                <i class="bi bi-box-seam"></i> Production (in quintals)
+                            </label>
+                            <input type="number" class="form-control" id="production" name="production" min="0" placeholder="Enter production quantity" required>
+                        </div>
+                        
+                        <button type="submit" class="btn-primary-action">
+                            <i class="bi bi-calculator"></i>
+                            Predict Price
+                        </button>
+                    </form>
+                    
+                    <!-- Result Box -->
+                    <div id="result" class="result-box">
+                        <h4>
+                            <i class="bi bi-check-circle-fill"></i>
+                            Predicted Price
+                        </h4>
+                        <div class="result-price">
+                            ₹<span id="predicted-price"></span>
+                        </div>
+                        <p style="text-align: center; margin-top: 0.5rem; opacity: 0.9;">per quintal</p>
+                    </div>
+                </div>
+                
+                <!-- Image Section -->
+                <div class="col-lg-5">
+                    <div class="image-preview">
+                        <img src="static/images/img.png" alt="Agricultural Crops">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <!-- Bootstrap JS -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    
+    <script>
+        $(document).ready(function () {
+            // Handle state selection to populate districts
+            $('#state').on('change', function () {
+                const state = $(this).val();
+                if (state) {
+                    $.ajax({
+                        type: 'POST',
+                        url: '/districts',
+                        data: { state: state },
+                        success: function (response) {
+                            $('#district').empty();
+                            $('#district').append('<option value="">Choose your district...</option>');
+                            response.districts.forEach(function (district) {
+                                $('#district').append('<option value="' + district + '">' + district + '</option>');
+                            });
+                        },
+                        error: function() {
+                            alert('Error loading districts. Please try again.');
+                        }
+                    });
+                } else {
+                    $('#district').empty();
+                    $('#district').append('<option value="">Choose your district...</option>');
+                }
+            });
+            
+            // Handle form submission
+            $('#prediction-form').on('submit', function (e) {
+                e.preventDefault();
+                
+                // Show loading state
+                const submitBtn = $(this).find('button[type="submit"]');
+                const originalText = submitBtn.html();
+                submitBtn.html('<i class="bi bi-hourglass-split"></i> Calculating...');
+                submitBtn.prop('disabled', true);
+                
+                $.ajax({
+                    type: 'POST',
+                    url: '/predict',
+                    data: $(this).serialize(),
+                    success: function (response) {
+                        $('#predicted-price').text(response.predicted_price.toFixed(2));
+                        $('#result').slideDown(400);
+                        
+                        // Scroll to result
+                        $('html, body').animate({
+                            scrollTop: $('#result').offset().top - 100
+                        }, 500);
+                        
+                        // Reset button
+                        submitBtn.html(originalText);
+                        submitBtn.prop('disabled', false);
+                    },
+                    error: function() {
+                        alert('Error predicting price. Please check your inputs and try again.');
+                        submitBtn.html(originalText);
+                        submitBtn.prop('disabled', false);
+                    }
+                });
+            });
+        });
+    </script>
+</body>
+</html>