Spaces:

ramspheldonyango
/

Smart_Solar_Drying_System

Runtime error

App Files Files Community

ramspheldonyango commited on Apr 16, 2025

Commit

51c06eb

1 Parent(s): 0e0307b

Upload Smart Solar Drying System app to Hugging Face

Browse files

Files changed (8) hide show

.gitattributes +0 -35
.gitignore +1 -0
.vscode/settings.json +1 -0
app.py +47 -0
requirements.txt +7 -0
templates/classification.html +105 -0
templates/index.html +43 -0
templates/regression.html +105 -0

.gitattributes CHANGED Viewed

@@ -1,35 +0,0 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz 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

.gitignore ADDED Viewed

	@@ -0,0 +1 @@


1	+ venv/

.vscode/settings.json ADDED Viewed

	@@ -0,0 +1 @@


1	+ {}

app.py ADDED Viewed

	@@ -0,0 +1,47 @@

+import gradio as gr
+from flask import Flask, render_template, request
+import joblib
+import numpy as np
+import pickle
+app = Flask(__name__)
+# Load models
+regressor = joblib.load('model/regressor_model.pkl')
+classifier = joblib.load('model/classifier_model.pkl')
+@app.route('/')
+def home():
+    return render_template('index.html')
+@app.route('/regression')
+def regression():
+    return render_template('regression.html')
+@app.route('/classification')
+def classification():
+    return render_template('classification.html')
+@app.route('/predict_regression', methods=['POST'])
+def predict_regression():
+    try:
+        input_data = [float(x) for x in request.form.values()]
+        features = np.array([input_data])
+        prediction = regressor.predict(features)[0]
+        return render_template('regression.html', prediction_text=f'📈 Predicted Value: {prediction:.2f}')
+    except Exception as e:
+        return render_template('regression.html', prediction_text=f"⚠️ Error: {str(e)}")
+@app.route('/predict_classification', methods=['POST'])
+def predict_classification():
+    try:
+        input_data = [float(x) for x in request.form.values()]
+        features = np.array([input_data])
+        prediction = classifier.predict(features)[0]
+        return render_template('classification.html', prediction_text=f'🎯 Predicted Class: {int(prediction)}')
+    except Exception as e:
+        return render_template('classification.html', prediction_text=f"⚠️ Error: {str(e)}")
+if __name__ == '__main__':
+    app.run(debug=True)

requirements.txt ADDED Viewed

	@@ -0,0 +1,7 @@

+Flask
+joblib
+scikit-learn
+numpy
+pandas
+matplotlib
+seaborn

templates/classification.html ADDED Viewed

	@@ -0,0 +1,105 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Classification Prediction - Herbal Drying</title>
+  <!-- Bootstrap CSS -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom CSS -->
+  <style>
+    body {
+      background: #f8f9fa;
+    }
+    .form-container {
+      margin-top: 50px;
+    }
+    .card {
+      border-radius: 15px;
+      box-shadow: 0 8px 16px rgba(0,0,0,0.15);
+      padding: 30px;
+    }
+    h2 {
+      font-weight: 700;
+    }
+  </style>
+</head>
+<body>
+  <div class="container form-container">
+    <div class="card mx-auto">
+      <h2 class="text-center mb-4">Classification Prediction</h2>
+      <form action="/predict_classification" method="POST">
+        <!-- Input Fields (same as regression) -->
+        <div class="mb-3">
+          <label for="Layer_Thickness_cm" class="form-label">Layer Thickness (cm)</label>
+          <input type="number" step="any" class="form-control" id="Layer_Thickness_cm" name="Layer_Thickness_cm" placeholder="e.g., 1.5" required>
+        </div>
+        <div class="mb-3">
+          <label for="Ambient_Temperature_C" class="form-label">Ambient Temperature (°C)</label>
+          <input type="number" step="any" class="form-control" id="Ambient_Temperature_C" name="Ambient_Temperature_C" placeholder="e.g., 30" required>
+        </div>
+        <div class="mb-3">
+          <label for="Humidity_Percent" class="form-label">Humidity (%)</label>
+          <input type="number" step="any" class="form-control" id="Humidity_Percent" name="Humidity_Percent" placeholder="e.g., 60" required>
+        </div>
+        <div class="mb-3">
+          <label for="Moisture_Content_Initial_%" class="form-label">Moisture Content Initial (%)</label>
+          <input type="number" step="any" class="form-control" id="Moisture_Content_Initial_%" name="Moisture_Content_Initial_%" placeholder="e.g., 75" required>
+        </div>
+        <div class="mb-3">
+          <label for="Altitude_meters" class="form-label">Altitude (meters)</label>
+          <input type="number" class="form-control" id="Altitude_meters" name="Altitude_meters" placeholder="e.g., 1200" required>
+        </div>
+        <div class="mb-3">
+          <label for="Herb_Type" class="form-label">Herb Type</label>
+          <select class="form-select" id="Herb_Type" name="Herb_Type" required>
+            <option value="" disabled selected>Select Herb Type</option>
+            <option value="Lemongrass">Lemongrass</option>
+            <option value="Mint">Mint</option>
+            <option value="Moringa">Moringa</option>
+            <option value="Neem">Neem</option>
+          </select>
+        </div>
+        <div class="mb-3">
+          <label class="form-label">Airflow Level</label>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Airflow_Level" id="Airflow_Low" value="Low" required>
+            <label class="form-check-label" for="Airflow_Low">Low</label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Airflow_Level" id="Airflow_Medium" value="Medium">
+            <label class="form-check-label" for="Airflow_Medium">Medium</label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Airflow_Level" id="Airflow_High" value="High">
+            <label class="form-check-label" for="Airflow_High">High</label>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label">Time of Day Start</label>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Time_of_Day_Start" id="Time_of_Day_Morning" value="Morning" required>
+            <label class="form-check-label" for="Time_of_Day_Morning">Morning</label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Time_of_Day_Start" id="Time_of_Day_Noon" value="Noon">
+            <label class="form-check-label" for="Time_of_Day_Noon">Noon</label>
+          </div>
+        </div>
+        <button type="submit" class="btn btn-success w-100">Predict Drying Status</button>
+      </form>
+      <!-- Display prediction result -->
+      {% if prediction_text %}
+      <div class="alert alert-info mt-4 text-center" role="alert">
+        {{ prediction_text }}
+      </div>
+      {% endif %}
+      <div class="text-center mt-3">
+        <a href="index.html" class="btn btn-link">Back to Home</a>
+      </div>
+    </div>
+  </div>
+  <!-- Bootstrap Bundle JS -->
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

templates/index.html ADDED Viewed

	@@ -0,0 +1,43 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Herbal Drying Prediction App</title>
+  <!-- Bootstrap CSS -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom CSS -->
+  <style>
+    body {
+      background: #f8f9fa;
+    }
+    .container {
+      margin-top: 80px;
+    }
+    .card {
+      border-radius: 15px;
+      box-shadow: 0 8px 16px rgba(0,0,0,0.15);
+    }
+    .btn-custom {
+      font-size: 1.25rem;
+      padding: 15px 20px;
+      border-radius: 10px;
+    }
+  </style>
+</head>
+<body>
+  <div class="container text-center">
+    <h1 class="mb-4">Herbal Drying Prediction App</h1>
+    <div class="row justify-content-center">
+      <div class="col-md-6">
+        <div class="card p-4">
+          <a href="regression.html" class="btn btn-primary btn-custom w-100 mb-3">Regression Prediction</a>
+          <a href="classification.html" class="btn btn-success btn-custom w-100">Classification Prediction</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Bootstrap JS Bundle -->
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

templates/regression.html ADDED Viewed

	@@ -0,0 +1,105 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Regression Prediction - Herbal Drying</title>
+  <!-- Bootstrap CSS -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom CSS -->
+  <style>
+    body {
+      background: #f8f9fa;
+    }
+    .form-container {
+      margin-top: 50px;
+    }
+    .card {
+      border-radius: 15px;
+      box-shadow: 0 8px 16px rgba(0,0,0,0.15);
+      padding: 30px;
+    }
+    h2 {
+      font-weight: 700;
+    }
+  </style>
+</head>
+<body>
+  <div class="container form-container">
+    <div class="card mx-auto">
+      <h2 class="text-center mb-4">Regression Prediction</h2>
+      <form action="/predict_regression" method="POST">
+        <!-- Input Fields -->
+        <div class="mb-3">
+          <label for="Layer_Thickness_cm" class="form-label">Layer Thickness (cm)</label>
+          <input type="number" step="any" class="form-control" id="Layer_Thickness_cm" name="Layer_Thickness_cm" placeholder="e.g., 1.5" required>
+        </div>
+        <div class="mb-3">
+          <label for="Ambient_Temperature_C" class="form-label">Ambient Temperature (°C)</label>
+          <input type="number" step="any" class="form-control" id="Ambient_Temperature_C" name="Ambient_Temperature_C" placeholder="e.g., 30" required>
+        </div>
+        <div class="mb-3">
+          <label for="Humidity_Percent" class="form-label">Humidity (%)</label>
+          <input type="number" step="any" class="form-control" id="Humidity_Percent" name="Humidity_Percent" placeholder="e.g., 60" required>
+        </div>
+        <div class="mb-3">
+          <label for="Moisture_Content_Initial_%" class="form-label">Moisture Content Initial (%)</label>
+          <input type="number" step="any" class="form-control" id="Moisture_Content_Initial_%" name="Moisture_Content_Initial_%" placeholder="e.g., 75" required>
+        </div>
+        <div class="mb-3">
+          <label for="Altitude_meters" class="form-label">Altitude (meters)</label>
+          <input type="number" class="form-control" id="Altitude_meters" name="Altitude_meters" placeholder="e.g., 1200" required>
+        </div>
+        <div class="mb-3">
+          <label for="Herb_Type" class="form-label">Herb Type</label>
+          <select class="form-select" id="Herb_Type" name="Herb_Type" required>
+            <option value="" disabled selected>Select Herb Type</option>
+            <option value="Lemongrass">Lemongrass</option>
+            <option value="Mint">Mint</option>
+            <option value="Moringa">Moringa</option>
+            <option value="Neem">Neem</option>
+          </select>
+        </div>
+        <div class="mb-3">
+          <label class="form-label">Airflow Level</label>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Airflow_Level" id="Airflow_Low" value="Low" required>
+            <label class="form-check-label" for="Airflow_Low">Low</label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Airflow_Level" id="Airflow_Medium" value="Medium">
+            <label class="form-check-label" for="Airflow_Medium">Medium</label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Airflow_Level" id="Airflow_High" value="High">
+            <label class="form-check-label" for="Airflow_High">High</label>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label">Time of Day Start</label>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Time_of_Day_Start" id="Time_of_Day_Morning" value="Morning" required>
+            <label class="form-check-label" for="Time_of_Day_Morning">Morning</label>
+          </div>
+          <div class="form-check">
+            <input class="form-check-input" type="radio" name="Time_of_Day_Start" id="Time_of_Day_Noon" value="Noon">
+            <label class="form-check-label" for="Time_of_Day_Noon">Noon</label>
+          </div>
+        </div>
+        <button type="submit" class="btn btn-primary w-100">Predict Drying Time</button>
+      </form>
+      <!-- Display prediction result -->
+      {% if prediction_text %}
+      <div class="alert alert-info mt-4 text-center" role="alert">
+        {{ prediction_text }}
+      </div>
+      {% endif %}
+      <div class="text-center mt-3">
+        <a href="index.html" class="btn btn-link">Back to Home</a>
+      </div>
+    </div>
+  </div>
+  <!-- Bootstrap Bundle JS -->
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>