html files uploaded

.gitignore

@@ -1 +1,163 @@
-main.py
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+#   For a library or package, you might want to ignore these files since the code is
+#   intended to run in multiple environments; otherwise, check them in:
+# .python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# poetry
+#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
+#   This is especially recommended for binary packages to ensure reproducibility, and is more
+#   commonly ignored for libraries.
+#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
+#poetry.lock
+
+# pdm
+#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
+#pdm.lock
+#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
+#   in version control.
+#   https://pdm.fming.dev/#use-with-ide
+.pdm.toml
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# PyCharm
+#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
+#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
+#  and can be added to the global gitignore or merged into this file.  For a more nuclear
+#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
+#.idea/
+
+main.py
+extra_notebook

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "Fertilizer-Recommendation"]
+	path = Fertilizer-Recommendation
+	url = https://github.com/07Sada/Fertilizer-Recommendation.git

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-  "workbench.colorTheme": "Default Dark+",
+  "workbench.colorTheme": "Cobalt2",
   "workbench.preferredDarkColorTheme": "Default Dark+",
   "task.allowAutomaticTasks": "on",
   "workbench.editorAssociations": {

Fertilizer-Recommendation

@@ -0,0 +1 @@
+Subproject commit 8503e9c445eb912582ac34d105a2adca8d1932d9

app.py

@@ -0,0 +1,46 @@
+from flask import Flask, request, render_template, jsonify
+import requests
+
+app = Flask(__name__)
+
+@app.route("/")
+@app.route("/home")
+def home():
+    return render_template('index.html')
+
+@app.route('/crop_recommendation')
+def crop_recommendation():
+    return render_template('crop_recommendation_input.html')
+
+@app.route('/fertilizer_recommendation')
+def fertilizer_recommendation():
+    return render_template('fertilizer_recommendation_input.html')
+
+@app.route('/image_classification')
+def image_classification():
+    return render_template('image_classification_input.html')
+
+@app.route('/market_price')
+def market_price():
+    return render_template("market_price_input.html")
+
+@app.route('/market_price_output', methods=['POST'])
+def market_price_output():
+    # input field name is 'selected_state'
+    user_input = request.form.get('selected_state')
+    api_key = "579b464db66ec23bdd000001cdd3946e44ce4aad7209ff7b23ac571b"
+
+    # Make a request to the API with the user input
+    api_url = f'https://api.data.gov.in/resource/9ef84268-d588-465a-a308-a864a43d0070?api-key={api_key}&format=json&filters%5Bstate%5D={user_input}'
+    response = requests.get(api_url)
+
+    if response.status_code == 200:
+        data = response.json()
+        data = data['records']
+        # Return the JSON data as a response
+        return render_template('market_price_output.html', data=data)
+    else:
+        return jsonify({'error': 'Unable to fetch data from the API'}), 400
+
+if __name__ == "__main__":
+    app.run(debug=True, host="0.0.0.0", port=8000)

requirements.txt

@@ -1,4 +1,4 @@
 pymongo
 flask
 requests
-numpy
+numpy

static/style.css

@@ -0,0 +1,272 @@
+body {
+
+    padding: 0;
+    margin: 0;
+}
+
+/*------------navigation bar ----------------*/
+#nav-bar {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
+.navbar {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+    padding: 0 !important;
+}
+
+.navbar-nav li {
+    padding: 0 10px;
+}
+
+.navbar-nav li a {
+    font-weight: 600;
+}
+
+
+/*-----------------banner section----------*/
+#banner {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+    padding-top: 5%;
+}
+
+.promo-title {
+    font-size: 40px;
+    font-weight: 600;
+    margin-top: 100px;
+}
+
+.img-fluid {
+    border-radius: 12px;
+}
+
+.bottom-img {
+    width: 100%;
+}
+
+/*-----------------Services section----------*/
+#services {
+    padding: 80px 0;
+}
+
+.service-img {
+    width: 100px;
+    margin-top: 20px;
+}
+
+.service-name {
+    text-align: center;
+    /*Center horizontally*/
+}
+
+.services {
+    padding: 20px;
+}
+
+.title::before {
+    content: "";
+    background: hsl(128, 84%, 66%);
+    height: 5px;
+    width: 200px;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    transform: translateY(63px);
+}
+
+.title::after {
+    content: "";
+    background: hsl(128, 84%, 66%);
+    height: 10px;
+    width: 50px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 40px;
+    display: block;
+    transform: translateY(8px);
+}
+
+/*-----------------Services section----------*/
+
+#about-us {
+    padding-bottom: 50px;
+    padding-top: 50px;
+}
+
+#about-us ul li {
+    margin: 10px 0;
+}
+
+/*-----------------quotes-------------------*/
+#quotes {
+    margin: 100px 0;
+}
+
+.quotes {
+    border-left: 4px solid #f1f397e3;
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+.quotes img {
+    height: 60px;
+    width: 60px;
+    border-radius: 50%;
+    margin: 0 10px;
+}
+
+.user-details {
+    display: inline-block;
+    font-size: 12px;
+}
+
+/*-----------------Social Media Section-------*/
+#social-media {
+    /* background-color: #D9F8C4; */
+    padding: 100px 0;
+}
+
+#social-media p {
+    font-size: 36px;
+    font-weight: 600;
+    margin-bottom: 30px;
+}
+
+.social-icons img {
+    width: 120px;
+    transition: 0.5s;
+    padding: 20px;
+}
+
+.social-icons a:hover img {
+    transform: translateY(-10px);
+}
+
+/*---------Footer Section -------------------*/
+
+#footer {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+    color: rgb(106, 110, 110)
+}
+
+#footer img {
+    width: 100%;
+}
+
+.footer-box {
+    padding: 20px;
+}
+
+#footer .footer-box img {
+    width: 30%;
+    margin-bottom: 20px;
+    border-radius: 5%;
+}
+
+#footer .footer-box .addition-info {
+    display: inline-block;
+    font-size: 20px;
+}
+
+/*-----------recommendation input -----*/
+.recommendation-input-container {
+    max-width: 800px;
+    /* Set the maximum width of the container */
+    margin: 60px auto 0;
+    /* Center the container horizontally and add 60px top margin */
+    display: flex;
+    align-items: center;
+    background-color: white;
+    padding: 20px;
+    border-radius: 15px;
+    /* Add 15px border-radius to all corners */
+}
+
+/*-----------image classification -----*/
+.image_input {
+    width: 50%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: white;
+    padding: 30px;
+    border-radius: 20px;
+}
+
+/*-----------Market Input -----------*/
+.market_input {
+    width: 40%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: white;
+    padding: 15px;
+    border-radius: 20px;
+}
+
+
+/*-------Crop Recommendation Output---*/
+.crop-image {
+    background-color: white;
+    padding: 30px;
+    border-radius: 20px;
+  }
+  .crop-image img {
+    border-radius: 20px;
+    width: 100%;
+  }
+  .crop-image .text h1 {
+    font-size: 35px;
+    margin-bottom: 20px;
+  }
+
+  .crop-image .text p {
+    font-size: 18px;
+  }
+
+  .crop-image a{
+    margin-top: 20px;
+  }
+  .crop-image h2{
+    margin-bottom: 30px;
+  }
+
+
+/*-------Image Classification output page---*/
+  .plant-image {
+    background-color: white;
+    padding: 30px;
+    border-radius: 20px;
+    width: 60%;
+  }
+  .plant-image img {
+    border-radius: 20px;
+    width: 70%;
+    margin: 0 auto;
+    display: block;
+  }
+
+  .plant-image a{
+    margin-top: 20px;
+  
+  }
+  .plant-image h2{
+    margin-bottom: 30px;
+  }
+
+
+  /*-------market price output message---*/
+  .market_price_message{
+    background-color: white;
+    padding: 20px;
+    border-radius: 15px;
+    width: 70%;
+    margin-top: 5%;
+}
+
+.market_price_message a{
+    margin-top: 10px;
+}

templates/base.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>CropGaurd</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="/static/style.css" />
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
+  </head>
+  <body>
+    {% block body %} {% endblock %}
+  </body>
+</html>

templates/crop_recommendation_input.html

@@ -0,0 +1,96 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  /* Custom CSS to modify container size and background */
+  body {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+  }
+</style>
+<div
+  class="container recommendation-input-container d-flex justify-content-center"
+>
+  <form class="row g-3" method="GET" action="/crop_recommendation_output">
+    <h3 class="text-center">AI-Powered Crop Recommendations</h3>
+    <div class="col-md-4" name="temperature">
+      <label for="temperature" class="form-label">Temperature</label>
+      <input
+        type="number"
+        class="form-control"
+        id="temperature"
+        placeholder="Enter the temperature Value"
+        name="temperature"
+        required
+      />
+    </div>
+    <div class="col-md-4" name="humidity">
+      <label for="humidity" class="form-label">Humidity</label>
+      <input
+        type="number"
+        class="form-control"
+        id="humidity"
+        placeholder="Enter the Humidity Value"
+        name="humidity"
+        required
+      />
+    </div>
+    <div class="col-md-4" name="ph">
+      <label for="ph" class="form-label">ph value</label>
+      <input
+        type="number"
+        class="form-control"
+        id="ph"
+        placeholder="Enter the ph value Value"
+        name="ph"
+        required
+      />
+    </div>
+    <div class="col-md-4" name="nitrogen">
+      <label for="nitrogen" class="form-label">Nitrogen</label>
+      <input
+        type="number"
+        class="form-control"
+        id="nitrogen"
+        placeholder="Enter the Nitrogen Value"
+        name="nitrogen"
+        required
+      />
+    </div>
+    <div class="col-md-4" name="potassium">
+      <label for="potassium" class="form-label">Potassium</label>
+      <input
+        type="number"
+        class="form-control"
+        id="potassium"
+        placeholder="Enter the Potassium Value"
+        name="potassium"
+        required
+      />
+    </div>
+    <div class="col-md-4" name="phosphorous">
+      <label for="phosphorous" class="form-label">Phosphorous</label>
+      <input
+        type="number"
+        class="form-control"
+        id="phosphorous"
+        placeholder="Enter the Phosphorous Value"
+        name="phosphorous"
+        required
+      />
+    </div>
+    <div class="col-md-4" name="rain_fall">
+      <label for="rain_fall" class="form-label">Rain Fall</label>
+      <input
+        type="number"
+        class="form-control"
+        id="rain_fall"
+        placeholder="Enter the Rain Fall in mm"
+        name="rain_fall"
+        required
+      />
+    </div>
+    <div class="d-grid gap-50 d-md-block">
+      <button type="submit" class="btn btn-primary">Submit</button>
+      <button type="reset" class="btn btn-primary">Clear</button>
+    </div>
+  </form>
+</div>
+{% endblock %}

templates/crop_recommendation_output.html

@@ -0,0 +1,38 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+    /* Custom CSS background color*/
+    body {
+      background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+    }
+  </style>
+  
+  <div
+    class="d-flex justify-content-center align-items-center"
+    style="min-height: 100vh"
+  >
+    <div class="container crop-image">
+      <div class="row">
+        <h2 class="text-center">Crop Recommendation</h2>
+        <div class="col-md-6">
+          <img
+            src="data:image/jpeg;base64,{{ image_data_base64 }}"
+            alt="Image"
+  
+          />
+        </div>
+        <div
+          class="col-md-6 text d-flex flex-column justify-content-center align-items-center"
+        >
+          <h1 class="text-center">{{input_file_name.capitalize()}}</h1>
+          <p class="text-center">{{crop_details}}</p>
+        </div>
+      </div>
+      <a href="{{url_for('crop_recommendation')}}" class="btn btn-primary" role="button"
+      >Check with Different Values</a
+    >
+  </div>
+    </div>
+  </div>
+  <div>
+
+{% endblock %}

templates/fertilizer_recommendation_input.html

@@ -0,0 +1,108 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  /* Custom CSS to modify container size and background */
+  body {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+  }
+</style>
+<div
+  class="container-fluid recommendation-input-container d-flex justify-content-center"
+>
+  <form class="row g-3" method="GET" action="/fertilizer_recommendation_output">
+    <h3 class="text-center">AI-Powered Fertilizer Recommendations</h3>
+    <div class="col-md-4" name="temperature">
+      <label for="temperature" class="form-label">Temperature</label>
+      <input
+        type="number"
+        class="form-control"
+        id="temperature"
+        name="temperature"
+        placeholder="Enter the temperature Value"
+      />
+    </div>
+    <div class="col-md-4" name="humidity">
+      <label for="humidity" class="form-label">Humidity</label>
+      <input
+        type="number"
+        class="form-control"
+        id="humidity"
+        name="humidity"
+        placeholder="Enter the Humidity Value"
+      />
+    </div>
+    <div class="col-md-4" name="moisture">
+      <label for="moisture" class="form-label">Moisture</label>
+      <input
+        type="number"
+        class="form-control"
+        id="moisture"
+        name="moisture"
+        placeholder="Enter the Moisture Value"
+      />
+    </div>
+    <div class="col-md-4" name="nitrogen">
+      <label for="nitrogen" class="form-label">Nitrogen</label>
+      <input
+        type="number"
+        class="form-control"
+        id="nitrogen"
+        name="nitrogen"
+        placeholder="Enter the Nitrogen Value"
+      />
+    </div>
+    <div class="col-md-4" name="potassium">
+      <label for="potassium" class="form-label">Potassium</label>
+      <input
+        type="number"
+        class="form-control"
+        id="potassium"
+        name="potassium"
+        placeholder="Enter the Potassium Value"
+      />
+    </div>
+    <div class="col-md-4" name="phosphorous">
+      <label for="phosphorous" class="form-label">Phosphorous</label>
+      <input
+        type="number"
+        class="form-control"
+        id="phosphorous"
+        name="phosphorous"
+        placeholder="Enter the Phosphorous Value"
+      />
+    </div>
+    <div class="col-md-6" name="soil_type">
+      <label for="soil_type" class="form-label">Soil Type</label>
+      <select id="soil_type" class="form-select" name="soil_type">
+        <option selected>Select the Soil Type from the dropdown</option>
+        <option value="Sandy">Sandy</option>
+        <option value="Loamy">Loamy</option>
+        <option value="Black">Black</option>
+        <option value="Red">Red</option>
+        <option value="Clayey">Clayey</option>
+      </select>
+    </div>
+    <div class="col-md-6" name="crop_type">
+      <label for="crop_type" class="form-label">Crop Type</label>
+      <select id="crop_type" class="form-select" name="crop_type">
+        <option selected>Select the Crop Type from the dropdown</option>
+        <option value="Maize">Maize</option>
+        <option value="Sugarcane">Sugarcane</option>
+        <option value="Cotton">Cotton</option>
+        <option value="Tobacco">Tobacco</option>
+        <option value="Paddy">Paddy</option>
+        <option value="Barley">Barley</option>
+        <option value="Wheat">Wheat</option>
+        <option value="Millets">Millets</option>
+        <option value="Oil seeds">Oil seeds</option>
+        <option value="Pulses">Pulses</option>
+        <option value="Ground Nuts">Ground Nuts</option>
+      </select>
+    </div>
+    <div class="d-grid gap-50 d-md-block">
+      <button type="submit" class="btn btn-primary">Submit</button>
+      <button type="reset" class="btn btn-primary">Clear</button>
+    </div>
+  </form>
+</div>
+
+{% endblock %}

templates/fertilizer_recommendation_ouput.html

@@ -0,0 +1,37 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+    /* Custom CSS background color*/
+    body {
+      background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+    }
+  </style>
+  <div
+  class="d-flex justify-content-center align-items-center"
+  style="min-height: 100vh"
+>
+  <div class="container crop-image">
+    <div class="row">
+      <h2 class="text-center">Fertilizer Recommendation</h2>
+      <div class="col-md-6">
+        <img
+          src="data:image/jpeg;base64,{{ image_data_base64 }}"
+          alt="Image"
+
+        />
+      </div>
+      <div
+        class="col-md-6 text d-flex flex-column justify-content-center align-items-center"
+      >
+        <h1 class="text-center">{{input_file_name.upper()}}</h1>
+        <p class="text-center">{{crop_details}}</p>
+      </div>
+    </div>
+    <a href="{{url_for('fertilizer_recommendation')}}" class="btn btn-primary" role="button"
+    >Check with Different Values</a
+  >
+</div>
+  </div>
+</div>
+<div>
+
+{% endblock %}

templates/image_classification_input.html

@@ -0,0 +1,33 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  /* Custom CSS to modify container size and background */
+  body {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+  }
+</style>
+
+<div class="container image_input">
+  <div class="input">
+    <form
+      method="POST"
+      action="/image_classification_output"
+      enctype="multipart/form-data"
+      class="upload_space"
+    >
+      <h4>Please upload the image</h4>
+      <div class="input-group mb-3">
+        <input
+          type="file"
+          name="image_file"
+          class="form-control"
+          id="inputGroupFile02"
+        />
+      </div>
+      <div class="d-grid gap-50 d-md-block">
+        <button type="submit" class="btn btn-primary">Submit</button>
+        <button type="reset" class="btn btn-primary">Clear</button>
+      </div>
+    </form>
+  </div>
+</div>
+{% endblock %}

templates/image_classification_output.html

@@ -0,0 +1,38 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  /* Custom CSS background color*/
+  body {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+  }
+
+
+</style>
+<div
+class="d-flex justify-content-center align-items-center"
+style="min-height: 100vh"
+>
+<div class="container plant-image">
+  <div class="row">
+    <h2 class="text-center">Image Classification</h2>
+    <div class="col-md-6"> 
+      <img
+        src="/static/uploaded_image/plant_image.JPG"
+        alt="Image"
+
+      />
+    </div>
+    <div
+      class="col-md-6 text d-flex flex-column justify-content-center align-items-center"
+    >
+      <h4 class="text-center">{{model_prediction}}</h4>
+      <p class="text-center">{{diseases_details}}</p>
+    </div>
+  </div>
+  <a href="{{url_for('image_classification')}}" class="btn btn-primary" role="button"
+  >Check with different image</a
+>
+</div>
+</div>
+</div>
+<div>
+{%endblock %}

templates/index.html

@@ -0,0 +1,329 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<!----------banner Section------------------>
+<section id="banner">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-6">
+        <p class="promo-title">Empowering Farmers With Data Driven Decisions</p>
+      </div>
+      <div class="col-md-6 text-center">
+        <img src="/static/images/farmer_01.jpg" class="img-fluid" alt="" />
+      </div>
+    </div>
+  </div>
+  <img src="/static/images/wave1.png" class="bottom-img" alt="" />
+</section>
+<!----------Services Section---------------->
+<section id="services">
+  <div class="container text-center">
+    <h1 class="title">What We Do ?</h1>
+    <div class="row text-center">
+      <div class="col-md-3 services">
+        <img
+          src="/static/images/crop-recommendation-logo.png"
+          class="service-img"
+          alt=""
+        />
+        <h4 class="service-name">Crop<br />Recommendation</h4>
+      </div>
+      <div class="col-md-3 services">
+        <img
+          src="/static//images/fertilizer-logo.png"
+          class="service-img"
+          alt=""
+        />
+        <h4 class="service-name">Fertilizer<br />Recommendation</h4>
+      </div>
+      <div class="col-md-3 services">
+        <img
+          src="/static/images/image-classification-logo.png"
+          class="service-img"
+          alt=""
+        />
+        <h4 class="service-name">Dieases<br />Classification</h4>
+      </div>
+      <div class="col-md-3 services">
+        <img
+          src="/static/images/market-price-logo.png"
+          class="service-img"
+          alt=""
+        />
+        <h4 class="service-name">Market<br />Price</h4>
+      </div>
+    </div>
+  </div>
+</section>
+<!----------About Us------------------------>
+<section id="about-us">
+  <div class="container">
+    <h1 class="title text-center">Why We Do It.</h1>
+    <div class="row">
+      <div class="col-md-6 about-us">
+        <ul>
+          <li>
+            The purpose of our website is to assist farmers in making better
+            decisions for their crops.
+          </li>
+          <li>
+            Every soil has unique fertilizer requirements and suits specific
+            crops, making <b>personalized recommendations</b> essential.
+          </li>
+          <li>
+            By <b>harnessing the power of technology</b>, we aim to bridge the
+            gap between agricultural practices and data-driven insights.
+          </li>
+          <li>
+            We aim to provide a comprehensive one-stop solution to cater to all
+            the needs of farmers.
+          </li>
+        </ul>
+      </div>
+      <div class="col-md-6">
+        <img src="/static/images/farmer_02.jpg" class="img-fluid" alt="" />
+      </div>
+    </div>
+  </div>
+</section>
+<!----------How We Do It-------------------->
+<section id="about-us">
+  <div class="container">
+    <h1 class="title text-center">How We Do It.</h1>
+    <div class="row">
+      <div class="col-md-6 about-us">
+        <ul>
+          <li>
+            Our website integrates cutting-edge machine learning and deep
+            learning algorithms to facilitate informed decision-making.
+          </li>
+          <li>
+            These algorithms are trained on vast and diverse datasets, ensuring
+            accurate and reliable recommendations.
+          </li>
+          <li>
+            We leverage the power of data-driven insights to deliver valuable
+            suggestions to farmers.
+          </li>
+        </ul>
+      </div>
+      <div class="col-md-6">
+        <img src="/static/images/farmer_03.jpg" class="img-fluid" alt="" />
+      </div>
+    </div>
+  </div>
+</section>
+<!----------What We Do ?-------------------->
+<section id="about-us">
+  <div class="container">
+    <h1 class="title text-center">What We Do ?</h1>
+    <div class="row">
+      <div class="col-md-6 about-us">
+        <ul>
+          <li>
+            Our website is a <b> farmer-centric platform </b>that offers a range
+            of services based on user inputs.
+          </li>
+          <li>
+            <b>Crop Recommendation:</b> Using soil analysis and other relevant
+            factors, we suggest the most suitable crops for a specific plot of
+            land.
+          </li>
+          <li>
+            <b>Fertilizer Recommendation:</b> We provide tailored fertilizer
+            suggestions based on the soil's unique needs and crop choice.
+          </li>
+          <li>
+            <b>Plant Health Assessment:</b> Our computer vision technology
+            analyzes leaf images to determine the plant's health status and
+            identify potential diseases.
+          </li>
+          <li>
+            <b>Market Price Information:</b> Farmers can access current market
+            prices for their crops using data fetched from the Indian
+            government's API.
+          </li>
+        </ul>
+      </div>
+      <div class="col-md-6">
+        <img src="/static/images/farmer_04.jpg" class="img-fluid" alt="" />
+      </div>
+    </div>
+  </div>
+</section>
+<!----------How It Benefits Farmers ?------->
+<section id="about-us">
+  <div class="container">
+    <h1 class="title text-center">How It Benefits Farmers ?</h1>
+    <div class="row">
+      <div class="col-md-6 about-us">
+        <ul>
+          <li>
+            <b>Empowering Decision Making:</b> By receiving personalized
+            recommendations, farmers can make informed choices for their crops
+            and fertilizers.
+          </li>
+          <li>
+            <b>Crop Yield:</b> Tailored suggestions lead to optimal crop choices
+            and better fertilizer usage, resulting in increased yields.
+          </li>
+          <li>
+            <b>Early Disease Detection:</b> Our plant health assessment helps
+            detect diseases at an early stage, allowing farmers to take timely
+            action and prevent losses.
+          </li>
+          <li>
+            <b>Market Awareness:</b> Access to real-time market prices enables
+            farmers to sell their produce at the most favorable rates.
+          </li>
+        </ul>
+      </div>
+      <div class="col-md-6">
+        <img src="/static/images/farmer_05.jpg" class="img-fluid" alt="" />
+      </div>
+    </div>
+  </div>
+</section>
+<!----------Quotes-------------------------->
+<section id="quotes">
+  <div class="container">
+    <h1 class="title text-center">Quotes</h1>
+    <div class="row offset-1">
+      <div class="col-md-4 offset-md-1 quotes">
+        <p>
+          Agriculture is knowledge, it is skill, and it is the instrument of the
+          economic transformation of the country.
+        </p>
+        <img
+          src="https://th.bing.com/th/id/R.f23778460df068a070243104345e2f0b?rik=rM8Ugybe1GQ7cA&riu=http%3a%2f%2f4.bp.blogspot.com%2f-ds227LvoTqk%2fThCuNYcoGYI%2fAAAAAAAAAGQ%2fG5NQZ-zxPsM%2fs1600%2fgandhi_sepia.jpg&ehk=CRuSyVWpifSU1qOmjk0plACK05crrzh55FquZl%2fzWHQ%3d&risl=&pid=ImgRaw&r=0"
+          alt=""
+        />
+        <p class="user-details"><b>Mahatma Gandhi</b></p>
+      </div>
+      <div class="col-md-4 offset-md-2 quotes">
+        <p>
+          We must harness the power of technology and science to revolutionize
+          agriculture and improve the lives of farmers.
+        </p>
+        <img
+          src="https://th.bing.com/th/id/R.7d12f24287ff1834f10ee0a49b252dbb?rik=dVjWCy6RA4BF5w&riu=http%3a%2f%2fwww.internationalinside.com%2fwp-content%2fuploads%2f2015%2f07%2fdr_apj_abdul_kalam_wallpapers.jpg&ehk=pBnhFHfJEDkAPhHpw9kiCwSEGA8w14WMRRO1C9TH7ss%3d&risl=&pid=ImgRaw&r=0"
+          alt=""
+        />
+        <p class="user-details">
+          <b>A. P. J. Abdul Kalam</b><br />The former President of India
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+<!----------Sevice Cards-------------------->
+<section>
+  <h1 class="title text-center">Services</h1>
+  <div class="container-fluid d-flex justify-content-center">
+    <div class="row row-cols-1 row-cols-md-4 g-3 gy-3">
+      <div class="col">
+        <div class="card" style="width: 18rem">
+          <img
+            src="https://images.unsplash.com/photo-1597916829826-02e5bb4a54e0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
+            class="card-img-top"
+            alt="..."
+          />
+          <div class="card-body">
+            <h5 class="card-title">Crop Recommendation</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="{{url_for('crop_recommendation')}}" class="btn btn-primary"
+              >Visit Page</a
+            >
+          </div>
+        </div>
+      </div>
+      <div class="col">
+        <div class="card" style="width: 18rem">
+          <img
+            src="https://images.unsplash.com/photo-1492496913980-501348b61469?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
+            class="card-img-top"
+            alt="..."
+          />
+          <div class="card-body">
+            <h5 class="card-title">Fertilizer Recommendation</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a
+              href="{{url_for('fertilizer_recommendation')}}"
+              class="btn btn-primary"
+              >Visit Page</a
+            >
+          </div>
+        </div>
+      </div>
+      <div class="col">
+        <div class="card" style="width: 18rem">
+          <img
+            src="https://images.unsplash.com/photo-1580982327559-c1202864eb05?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
+            class="card-img-top"
+            alt="..."
+          />
+          <div class="card-body">
+            <h5 class="card-title">Dieases Classification</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a
+              href="{{url_for('image_classification')}}"
+              class="btn btn-primary"
+              >Visit Page</a
+            >
+          </div>
+        </div>
+      </div>
+      <div class="col">
+        <div class="card" style="width: 18rem">
+          <img
+            src="https://images.unsplash.com/photo-1550989460-0adf9ea622e2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
+            class="card-img-top"
+            alt="..."
+          />
+          <div class="card-body">
+            <h5 class="card-title">Market Price</h5>
+            <p class="card-text">
+              Some quick example text to build on the card title and make up the
+              bulk of the card's content.
+            </p>
+            <a href="{{url_for('market_price')}}" class="btn btn-primary"
+              >Visit Page</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!----------Social Media Section------------>
+<section id="social-media">
+  <div class="container text-center">
+    <p>Connect on Social Media</p>
+    <div class="social-icons">
+      <a href="#"><img src="/static/images/github-logo.png" alt="" /></a>
+      <a href="#"><img src="/static/images/linkedin-icon.png" alt="" /></a>
+    </div>
+  </div>
+</section>
+<!----------Footer Section------------------>
+<section id="footer">
+  <img src="/static/images/wave1_mod.png" class="footer-img" alt="" />
+  <div class="container">
+    <div class="row">
+      <div class="col-md-4 footer-box">
+        <img src="/static/images/logo.png" alt="" />
+        <p class="addition-info">
+          Please Try all the features and comment and share
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+{% endblock %}

templates/input.html

@@ -0,0 +1,26 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  body {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+  }
+</style>
+  <div class="container image_input">
+    <!-- Form is centered within the .form-container div -->
+    <form action="/result" method="post" class="input_class">
+      <h1 class="text-center">This is input page</h1>
+      <label for="input_file_name" class="form-label">File name</label>
+      <input
+        type="text"
+        class="form-control"
+        id="input_file_name"
+        name="input_file_name"
+        placeholder="Enter the file name"
+      />
+      <br>
+      <div class="d-grid gap-50 d-md-block">
+        <button type="submit" class="btn btn-primary">Submit</button>
+        <button type="reset" class="btn btn-primary">Clear</button>
+      </div>
+    </form>
+  </div>
+{% endblock %}

templates/market_price_input.html

@@ -0,0 +1,68 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  /* Custom CSS background color*/
+  body {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+  }
+</style>
+
+<div class="container market_input d-flex justify-content-center">
+  <form class="row g-3" method="POST" action="/market_price_output">
+    <h3 class="text-center">Please select the state</h3>
+    <div class="col">
+      <label for="inputState" class="form-label">State</label>
+      <select
+        id="inputState"
+        name="selected_state"
+        class="form-select"
+        required
+      >
+        <option selected>Select state from dropdown</option>
+        <option value="Andhra%20Pradesh">Andhra Pradesh</option>
+        <option value="Arunachal%20Pradesh">Arunachal Pradesh</option>
+        <option value="Assam">Assam</option>
+        <option value="Bihar">Bihar</option>
+        <option value="Chhattisgarh">Chhattisgarh</option>
+        <option value="Goa">Goa</option>
+        <option value="Gujarat">Gujarat</option>
+        <option value="Haryana">Haryana</option>
+        <option value="Himachal%20Pradesh">Himachal Pradesh</option>
+        <option value="Jharkhand">Jharkhand</option>
+        <option value="Karnataka">Karnataka</option>
+        <option value="Kerala">Kerala</option>
+        <option value="Madhya%20Pradesh">Madhya Pradesh</option>
+        <option value="Maharashtra">Maharashtra</option>
+        <option value="Manipur">Manipur</option>
+        <option value="Meghalaya">Meghalaya</option>
+        <option value="Mizoram">Mizoram</option>
+        <option value="Nagaland">Nagaland</option>
+        <option value="Odisha">Odisha</option>
+        <option value="Punjab">Punjab</option>
+        <option value="Rajasthan">Rajasthan</option>
+        <option value="Sikkim">Sikkim</option>
+        <option value="Tamil%20Nadu">Tamil Nadu</option>
+        <option value="Telangana">Telangana</option>
+        <option value="Tripura">Tripura</option>
+        <option value="Uttar%20Pradesh">Uttar Pradesh</option>
+        <option value="Uttarakhand">Uttarakhand</option>
+        <option value="West%20Bengal">West Bengal</option>
+        <option value="Andaman%20and%20Nicobar%20Islands">
+          Andaman and Nicobar Islands
+        </option>
+        <option value="Chandigarh">Chandigarh</option>
+        <option value="Dadra%20and%20Nagar%20Haveli%20and%20Daman%20and%20Diu">
+          Dadra and Nagar Haveli and Daman and Diu
+        </option>
+        <option value="Lakshadweep">Lakshadweep</option>
+        <option value="Delhi">Delhi</option>
+        <option value="Puducherry">Puducherry</option>
+      </select>
+      <div class="invalid-feedback">Please select a valid state.</div>
+    </div>
+    <div class="d-grid gap-50 d-md-block">
+      <button type="submit" class="btn btn-primary">Submit</button>
+      <button type="reset" class="btn btn-primary">Clear</button>
+    </div>
+  </form>
+</div>
+{% endblock %}

templates/market_price_no_data.html

@@ -0,0 +1,20 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+    /* Custom CSS background color*/
+    body {
+      background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+    }
+
+</style>
+
+<div class="container market_price_message ">
+    <h5> Commodity prices for the selected state are currently unavailable from the Government API. 
+        Please consider trying again later or selecting a different state. </h5>
+        <div>
+            <a href="{{url_for('market_price')}}" class="btn btn-primary" role="button"
+              >Choose Different State</a
+            >
+          </div>
+</div>
+
+{% endblock %}

templates/market_price_output.html

@@ -0,0 +1,44 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  .table {
+    border-spacing: 0;
+    background-color: #f5f5f5;
+    border-radius: 15px;
+    border: 2px solid aqua;
+  }
+
+  .table-header {
+    text-align: left;
+  }
+  .table-cell {
+    padding: 8px;
+  }
+</style>
+<div class="container">
+  <h2 class="text-center">Commodity Prices</h2>
+  <table class="table">
+    <tr class="table-header">
+      {% for header in data[0] %}
+      <th class="table-cell">{{header|upper}}</th>
+      {% endfor %}
+    </tr>
+    {% set data_length = data|length %} {% for index_value in range(data_length)
+    %}
+    <tr class="table-row">
+      {% for row in data[index_value].values() %}
+      <td class="table-cell">{{row}}</td>
+      {% endfor %}
+    </tr>
+    {% endfor %}
+  </table>
+  <!-- <div class="d-grid gap-50 d-md-block">
+    <button type="submit" class="btn btn-primary">Submit</button>
+    <button type="reset" class="btn btn-primary">Clear</button>
+  </div> -->
+  <div>
+    <a href="{{url_for('market_price')}}" class="btn btn-primary" role="button"
+      >Choose Different State</a
+    >
+  </div>
+</div>
+{% endblock %}

templates/nav_bar.html

@@ -0,0 +1,68 @@
+<section id="nav-bar">
+  <nav class="navbar navbar-expand-lg">
+    <div class="container-fluid">
+      <a class="navbar-brand" href="{{url_for('home')}}">
+        <img
+          src="/static/images/logo.png"
+          alt="Logo"
+          width="30"
+          height="30"
+          class="d-inline-block align-text-top"
+        />
+        CropGuard
+      </a>
+      <button
+        class="navbar-toggler"
+        type="button"
+        data-bs-toggle="collapse"
+        data-bs-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent"
+        aria-expanded="false"
+        aria-label="Toggle navigation"
+      >
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav ms-auto">
+          <li class="nav-item">
+            <a
+              class="nav-link active"
+              aria-current="page"
+              href="{{url_for('crop_recommendation')}}"
+              >Crop Recommendation</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link active"
+              aria-current="page"
+              href="{{url_for('fertilizer_recommendation')}}"
+              >Fertilizer Recommendation</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link active"
+              aria-current="page"
+              href="{{url_for('image_classification')}}"
+              >Image Classification</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link active"
+              aria-current="page"
+              href="{{url_for('market_price')}}"
+              >Market Price</a
+            >
+          </li>
+          <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="#"
+              >More Projects</a
+            >
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</section>

templates/result_new.html

@@ -0,0 +1,30 @@
+{% extends 'base.html' %} {% block body %} {% include "nav_bar.html" %}
+<style>
+  /* Custom CSS background color*/
+  body {
+    background-image: linear-gradient(to right, #75ee71c7, #eceb84);
+  }
+</style>
+
+<div
+  class="d-flex justify-content-center align-items-center"
+  style="min-height: 100vh"
+>
+  <div class="container crop-image">
+    <div class="row">
+      <div class="col-md-6">
+        <img src="data:image/jpeg;base64,{{ image_data_base64 }}" alt="Image" />
+      </div>
+      <div
+        class="col-md-6 text d-flex flex-column justify-content-center align-items-center"
+      >
+        <h1 class="text-center">{{input_file_name.capitalize()}}</h1>
+        <p class="text-center">{{crop_details}}</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+{% endblock %}
+<!-- height="400" -->
+<!-- width="600" -->

utils.py

@@ -0,0 +1,56 @@
+from pymongo import MongoClient
+from dotenv import load_dotenv
+import gridfs
+import pickle
+import os
+
+# Load environment variables from .env file
+load_dotenv()
+
+def load_model_and_encoders(model_path, transformer_path, target_encoder_path):
+    with open(model_path, 'rb') as f:
+        model = pickle.load(f)
+
+    with open(transformer_path, 'rb') as f:
+        pipeline_encoder = pickle.load(f)
+
+    with open(target_encoder_path, 'rb') as f:
+        label_encoder = pickle.load(f)
+    
+    return model, pipeline_encoder, label_encoder
+
+
+def retrieve_image_by_name_from_mongodb(file_name, database_name, collection_name):
+    # Establish a connection to MongoDB
+    client = MongoClient(os.getenv("MONGO_URL"))
+
+    # Access the specified database
+    db = client[database_name]
+
+    # Create a new GridFS object (a specification for storing and retrieving large binary objects)
+    fs = gridfs.GridFS(db, collection=collection_name)
+
+    # Find the image data using the filename in the metadata
+    image_data = fs.find_one({"filename": file_name})
+
+    try:
+        if image_data is None:
+            raise ValueError("image_data is None")
+        
+        return image_data.read()
+    except Exception as e:
+        print(f"An error occurred: {e}")
+        raise  # Re-raise the caught exception
+
+
+def retrieve_data(database_name, collection_name, search_query):
+    # Connect to MongoDB
+    client = MongoClient(os.getenv("MONGO_URL"))
+    database = client[database_name]
+    collection = database[collection_name]
+
+    # Search for the document based on the provided query
+    result = collection.find_one(search_query)
+
+    client.close()
+    return result['crop_info']