Spaces:

sid22669
/

deploymemt_check_2

Sleeping

App Files Files Community

sid22669 commited on Jan 24, 2025

Commit

7a670b7

1 Parent(s): 8116bbe

Add application file

Browse files

Files changed (6) hide show

DockerFile +18 -0
app.py +36 -0
random_forest_model.joblib +3 -0
requirements.txt +3 -0
templates/index.html +121 -0
templates/output.html +96 -0

DockerFile ADDED Viewed

	@@ -0,0 +1,18 @@

+# Use the official Python image
+FROM python:3.9-slim
+# Set the working directory in the container
+WORKDIR /app
+# Copy the current directory contents into the container at /app
+COPY . /app
+# Install any needed dependencies specified in requirements.txt
+RUN pip install --no-cache-dir -r requirements.txt
+# Make port 5000 available to the world outside this container
+EXPOSE 7820
+# Run app.py when the container launches
+CMD ["python", "app.py"]

app.py ADDED Viewed

	@@ -0,0 +1,36 @@

+from flask import Flask, jsonify, request, render_template
+import numpy as np
+import joblib
+app  = Flask(__name__)
+try:
+    model = joblib.load('random_forest_model.joblib')
+    status = 'Loaded'
+except:
+    status= 'Not loaded'
+@app.route('/', methods = ['GET'])
+def health_check():
+    return render_template('index.html')
+@app.route('/predict', methods = ['POST'])
+def predict():
+    try:
+        data = np.array([[float(request.form.get('input1', 0)),
+            float(request.form.get('input2', 0)),
+            float(request.form.get('input3', 0)),
+            float(request.form.get('input4', 0)),
+            float(request.form.get('input5', 0)),
+            float(request.form.get('input6', 0)),
+            float(request.form.get('input7', 0))]])
+        prediction = model.predict(data).tolist()
+        return render_template('output.html', prediction = prediction)
+    except Exception as e:
+        return jsonify({'data': e})
+if __name__ == '__main__':
+    app.run(debug=True, port = 7820)

random_forest_model.joblib ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:659ff6618b8604bafb159401806901f91d9ca0fc62311fa8b5785982a15ed76a
+size 6781057

requirements.txt ADDED Viewed

	@@ -0,0 +1,3 @@

+flask
+numpy
+joblib

templates/index.html ADDED Viewed

	@@ -0,0 +1,121 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Prediction Input</title>
+    <style>
+        /* General body styling */
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f4f7fc;
+            color: #333;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            flex-direction: column;
+        }
+        h1 {
+            color: #4e73df;
+            text-align: center;
+            margin-bottom: 40px;
+        }
+        /* Form container styling */
+        form {
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            width: 100%;
+            max-width: 400px;
+        }
+        label {
+            display: block;
+            margin-bottom: 8px;
+            font-size: 1rem;
+            font-weight: bold;
+            color: #333;
+        }
+        input[type="number"] {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 15px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            font-size: 1rem;
+        }
+        input[type="submit"] {
+            background-color: #4e73df;
+            color: white;
+            padding: 12px 20px;
+            border: none;
+            border-radius: 4px;
+            font-size: 1.1rem;
+            cursor: pointer;
+            transition: background-color 0.3s;
+            width: 100%;
+        }
+        input[type="submit"]:hover {
+            background-color: #2e59d9;
+        }
+        /* Responsive Design */
+        @media (max-width: 600px) {
+            h1 {
+                font-size: 1.5rem;
+            }
+            form {
+                padding: 15px;
+                width: 90%;
+            }
+            input[type="number"] {
+                padding: 8px;
+            }
+            input[type="submit"] {
+                padding: 10px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <h1>Enter the input values for prediction</h1>
+    <form action="/predict" method="POST">
+        <label for="input1">Input 1:</label>
+        <input type="number" id="input1" name="input1" step="any" required>
+        <label for="input2">Input 2:</label>
+        <input type="number" id="input2" name="input2" step="any" required>
+        <label for="input3">Input 3:</label>
+        <input type="number" id="input3" name="input3" step="any" required>
+        <label for="input4">Input 4:</label>
+        <input type="number" id="input4" name="input4" step="any" required>
+        <label for="input5">Input 5:</label>
+        <input type="number" id="input5" name="input5" step="any" required>
+        <label for="input6">Input 6:</label>
+        <input type="number" id="input6" name="input6" step="any" required>
+        <label for="input7">Input 7:</label>
+        <input type="number" id="input7" name="input7" step="any" required>
+        <input type="submit" value="Get Prediction">
+    </form>
+</body>
+</html>

templates/output.html ADDED Viewed

	@@ -0,0 +1,96 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Prediction Result</title>
+    <style>
+        /* General body styling */
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f4f7fc;
+            color: #333;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            flex-direction: column;
+        }
+        h1 {
+            color: #4e73df;
+            text-align: center;
+            margin-bottom: 30px;
+            font-size: 2rem;
+        }
+        /* Container for the prediction result */
+        .result-container {
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            width: 100%;
+            max-width: 400px;
+            text-align: center;
+        }
+        p {
+            font-size: 1.2rem;
+            margin-bottom: 20px;
+        }
+        strong {
+            color: #333;
+        }
+        /* Styling for the "Go Back" link */
+        a {
+            text-decoration: none;
+            font-size: 1rem;
+            color: #4e73df;
+            border: 1px solid #4e73df;
+            padding: 10px 20px;
+            border-radius: 4px;
+            transition: background-color 0.3s;
+        }
+        a:hover {
+            background-color: #4e73df;
+            color: white;
+        }
+        /* Responsive Design */
+        @media (max-width: 600px) {
+            h1 {
+                font-size: 1.5rem;
+            }
+            .result-container {
+                padding: 15px;
+                width: 90%;
+            }
+            p {
+                font-size: 1rem;
+            }
+            a {
+                padding: 8px 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <h1>Prediction Output</h1>
+    <div class="result-container">
+        <p><strong>Prediction:</strong> {{ prediction }}</p>
+        <a href="/">Go Back to Input</a>
+    </div>
+</body>
+</html>