Spaces:

sid22669
/

Weather_Prediction_Naive_Bayes

Sleeping

App Files Files Community

sid22669 commited on Jan 23, 2025

Commit

4a9c2e6

1 Parent(s): 397c5a9

Add application file

Browse files

Files changed (7) hide show

.DS_Store +0 -0
Dockerfile +21 -0
app.py +29 -0
random_forest_model.pkl +3 -0
requirements.txt +2 -0
templates/index.html +80 -0
templates/result.html +59 -0

.DS_Store ADDED Viewed

Binary file (6.15 kB). View file

Dockerfile ADDED Viewed

	@@ -0,0 +1,21 @@

+# Use the official Python image
+FROM python:3.8-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 5000
+# Define environment variable
+ENV NAME Weather
+# Run app.py when the container launches
+CMD ["python", "app.py"]

app.py ADDED Viewed

	@@ -0,0 +1,29 @@

+from flask import Flask, render_template, request
+import pickle
+app = Flask(__name__)
+# Load the trained model
+with open('random_forest_model.pkl', 'rb') as file:
+    model = pickle.load(file)
+@app.route('/')
+def index():
+    return render_template('index.html')
+@app.route('/predict', methods=['POST'])
+def predict():
+    # Get input values from the form
+    precipitation = float(request.form['precipitation'])
+    temp_max = float(request.form['temp_max'])
+    temp_min = float(request.form['temp_min'])
+    wind = float(request.form['wind'])
+    # Make a prediction using the loaded model
+    prediction = model.predict([[precipitation, temp_max, temp_min, wind]])
+    # Pass the prediction result to the result.html page
+    return render_template('result.html', prediction=prediction[0])
+if __name__ == '__main__':
+    app.run(debug=True)

random_forest_model.pkl ADDED Viewed

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

+version https://git-lfs.github.com/spec/v1
+oid sha256:191c1b7a6ccf2d8664c3227f943e097ab71d7b47350990eed39b9df9be0f6eaf
+size 2479262

requirements.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ flask
2	+ pickle

templates/index.html ADDED Viewed

	@@ -0,0 +1,80 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Weather Prediction</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f2f2f2;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+        }
+        form {
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            max-width: 400px;
+            width: 100%;
+        }
+        h2 {
+            text-align: center;
+            color: #333;
+        }
+        label {
+            font-weight: bold;
+            color: #555;
+        }
+        input[type="text"] {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 15px;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+            box-sizing: border-box;
+        }
+        input[type="submit"] {
+            background-color: #4caf50;
+            color: white;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+        input[type="submit"]:hover {
+            background-color: #45a049;
+        }
+    </style>
+</head>
+<body>
+    <form action="/predict" method="post">
+        <h2>Weather Prediction</h2>
+        <label for="precipitation">Precipitation:</label>
+        <input type="text" id="precipitation" name="precipitation">
+        <label for="temp_max">Max Temperature:</label>
+        <input type="text" id="temp_max" name="temp_max">
+        <label for="temp_min">Min Temperature:</label>
+        <input type="text" id="temp_min" name="temp_min">
+        <label for="wind">Wind:</label>
+        <input type="text" id="wind" name="wind">
+        <input type="submit" value="Predict">
+    </form>
+</body>
+</html>

templates/result.html ADDED Viewed

	@@ -0,0 +1,59 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Weather Prediction Result</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f9ff; /* Bright background color */
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+        }
+        .container {
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            max-width: 400px;
+            text-align: center;
+        }
+        h2 {
+            color: #333;
+            margin-bottom: 20px;
+        }
+        p {
+            font-size: 18px;
+            color: #555;
+            margin-bottom: 20px;
+        }
+        .prediction {
+            font-size: 24px;
+            font-weight: bold;
+            color: #4caf50;
+            transition: transform 0.3s, color 0.3s; /* Smooth color and size transition */
+            cursor: pointer; /* Add cursor pointer */
+        }
+        .prediction:hover {
+            color: #008cba; /* Change color on hover */
+            transform: scale(1.1); /* Increase size on hover */
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h2>Weather Prediction Result</h2>
+        <p>The predicted weather class is: <span class="prediction" id="prediction">Sunny</span></p> <!-- Initial prediction value, you can replace "Sunny" with dynamic content -->
+    </div>
+</body>
+</html>