Upload 9 files

Dockerfile

@@ -0,0 +1,10 @@
+FROM python:3.10
+
+WORKDIR /app
+
+COPY requirements.txt .
+RUN pip install -r requirements.txt
+
+COPY . .
+
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,105 @@
+from flask import Flask, render_template, request, redirect, url_for, session, flash
+from werkzeug.security import generate_password_hash, check_password_hash
+
+# ML imports
+import seaborn as sns
+from sklearn.linear_model import LogisticRegression
+import numpy as np
+
+app = Flask(__name__)
+app.secret_key = "supersecretkey"  # ⚠️ change this in production!
+
+# ----------------------------
+# Train Iris Model (once only)
+# ----------------------------
+iris = sns.load_dataset("iris")
+X = iris.iloc[:, 0:4].values
+y = iris.iloc[:, 4].values
+
+iris_model = LogisticRegression(max_iter=300)
+iris_model.fit(X, y)
+
+# ----------------------------
+# Simple in-memory "database"
+# ----------------------------
+users = {}
+
+@app.route("/")
+def home():
+    if "user" in session:
+        return redirect(url_for("dashboard"))
+    return redirect(url_for("login"))
+
+@app.route("/signup", methods=["GET", "POST"])
+def signup():
+    if request.method == "POST":
+        username = request.form["username"]
+        password = request.form["password"]
+        confirm_password = request.form.get("confirmPassword")
+
+        if password != confirm_password:
+            flash("Passwords do not match.", "danger")
+            return redirect(url_for("signup"))
+
+        if username in users:
+            flash("Username already exists!", "danger")
+            return redirect(url_for("signup"))
+
+        users[username] = generate_password_hash(password)
+        flash("Signup successful! Please login.", "success")
+        return redirect(url_for("login"))
+
+    return render_template("signup.html")
+
+@app.route("/login", methods=["GET", "POST"])
+def login():
+    if request.method == "POST":
+        username = request.form["username"]
+        password = request.form["password"]
+
+        if username in users and check_password_hash(users[username], password):
+            session["user"] = username
+            return redirect(url_for("dashboard"))
+        else:
+            flash("Invalid username or password", "danger")
+
+    return render_template("login.html")
+
+@app.route("/dashboard")
+def dashboard():
+    if "user" not in session:
+        return redirect(url_for("login"))
+    return render_template("dashboard.html", username=session["user"])
+
+@app.route("/predict", methods=["POST"])
+def predict():
+    if "user" not in session:
+        return redirect(url_for("login"))
+
+    try:
+        sl = float(request.form["sepal_length"])
+        sw = float(request.form["sepal_width"])
+        pl = float(request.form["petal_length"])
+        pw = float(request.form["petal_width"])
+    except Exception:
+        flash("Invalid input values!", "danger")
+        return redirect(url_for("dashboard"))
+
+    res = iris_model.predict([[sl, sw, pl, pw]])[0]
+    flash(f"The predicted flower species is: {res}", "success")
+    return redirect(url_for("dashboard"))
+
+@app.route("/portfolio")
+def portfolio():
+    if "user" not in session:
+        return redirect(url_for("login"))
+    return render_template("portfolio.html")
+
+@app.route("/logout")
+def logout():
+    session.pop("user", None)
+    flash("Logged out successfully.", "info")
+    return redirect(url_for("login"))
+
+if __name__ == "__main__":
+    app.run(host="0.0.0.0", port=7860, debug=True)

requirements.txt

@@ -0,0 +1,5 @@
+flask
+werkzeug
+seaborn
+scikit-learn
+numpy

static/style.css

@@ -0,0 +1,80 @@
+/* Basic reset */
+* { box-sizing: border-box; }
+
+body {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  background: linear-gradient(135deg, #6b73ff, #000dff);
+  height: 100vh;
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+}
+
+.container {
+  background: rgba(255, 255, 255, 0.1);
+  padding: 30px 40px;
+  border-radius: 15px;
+  width: 100%;
+  max-width: 400px;
+  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  text-align: center;
+}
+
+h2 {
+  margin-bottom: 25px;
+  font-weight: 700;
+  letter-spacing: 1px;
+}
+
+input {
+  width: 100%;
+  padding: 12px 15px;
+  margin: 10px 0;
+  border-radius: 8px;
+  border: none;
+  outline: none;
+  font-size: 16px;
+  transition: background-color 0.3s ease;
+}
+
+input:focus { background-color: rgba(255, 255, 255, 0.2); }
+
+button {
+  width: 100%;
+  padding: 12px 15px;
+  margin-top: 15px;
+  background-color: #3a3cff;
+  border: none;
+  border-radius: 8px;
+  color: white;
+  font-weight: 600;
+  font-size: 18px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+button:hover { background-color: #2222ff; }
+
+#signupMessage, #loginMessage {
+  margin-top: 15px;
+  font-weight: 600;
+}
+
+.switch-page {
+  margin-top: 20px;
+  font-size: 14px;
+  color: #ddd;
+}
+
+.switch-page a {
+  color: #a6c1ff;
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.switch-page a:hover { text-decoration: underline; }

templates/base.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Flask Auth + Portfolio</title>
+  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+<body>
+  {% with messages = get_flashed_messages(with_categories=true) %}
+    {% if messages %}
+      <ul>
+      {% for category, message in messages %}
+        <li class="{{ category }}">{{ message }}</li>
+      {% endfor %}
+      </ul>
+    {% endif %}
+  {% endwith %}
+  {% block content %}{% endblock %}
+</body>
+</html>

templates/dashboard.html

@@ -0,0 +1,70 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="container" role="main">
+  <header class="profile-header">
+    <h1 id="fullName">{{ username }}</h1>
+    <h2 id="title">Student</h2>
+  </header>
+
+  <section aria-labelledby="about-me-title">
+    <h3 id="about-me-title">About Me</h3>
+    <p>
+      I am a motivated student actively learning Python, artificial intelligence, machine learning, 
+      and web development. Driven by curiosity and innovation, I strive to create impactful solutions 
+      and grow my expertise in these cutting-edge technologies.
+    </p>
+  </section>
+
+  <section aria-labelledby="skills-title">
+    <h3 id="skills-title">Skills</h3>
+    <ul class="skills-list">
+      <li>Python</li>
+      <li>Artificial Intelligence (AI)</li>
+      <li>Machine Learning (ML)</li>
+      <li>Web Development (HTML, CSS, JavaScript)</li>
+      <li>Data Analysis</li>
+      <li>Flask / Django</li>
+      <li>RESTful APIs</li>
+      <li>Git & Version Control</li>
+    </ul>
+  </section>
+
+  <section aria-labelledby="projects-title">
+    <h3 id="projects-title">Projects</h3>
+    <div class="projects">
+      <article class="project-card">
+        <h4>NumPy Project</h4>
+        <p>A hands-on project utilizing NumPy for efficient numerical computations and data manipulation.</p>
+        <a href="#" target="_blank" rel="noopener noreferrer">Project Link</a>
+      </article>
+
+      <article class="project-card">
+        <h4>Data Visualization Project</h4>
+        <p>Created dynamic visual representations of data using Matplotlib and Seaborn to uncover insights.</p>
+        <a href="#" target="_blank" rel="noopener noreferrer">Project Link</a>
+      </article>
+    </div>
+  </section>
+
+  <!-- 🔹 Iris Prediction Form -->
+  <section aria-labelledby="predict-title">
+    <h3 id="predict-title">Iris Flower Predictor</h3>
+    <form method="POST" action="{{ url_for('predict') }}">
+      <input type="number" step="0.1" name="sepal_length" placeholder="Sepal Length" required>
+      <input type="number" step="0.1" name="sepal_width" placeholder="Sepal Width" required>
+      <input type="number" step="0.1" name="petal_length" placeholder="Petal Length" required>
+      <input type="number" step="0.1" name="petal_width" placeholder="Petal Width" required>
+      <button type="submit">Predict</button>
+    </form>
+  </section>
+
+  <section class="contact">
+    <a href="https://linkedin.com/in/gursimar007" target="_blank" rel="noopener noreferrer">LinkedIn</a>
+    <a href="https://github.com/gursimar007" target="_blank" rel="noopener noreferrer">GitHub</a>
+  </section>
+
+  <a href="{{ url_for('logout') }}">
+    <button class="logout-btn">Logout</button>
+  </a>
+</div>
+{% endblock %}

templates/login.html

@@ -0,0 +1,15 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="container">
+  <h2>Sign In</h2>
+  <form method="POST" id="loginForm">
+    <input type="text" name="username" id="loginUsername" placeholder="Username" required />
+    <input type="password" name="password" id="loginPassword" placeholder="Password" required />
+    <button type="submit">Login</button>
+  </form>
+  <p id="loginMessage"></p>
+  <p class="switch-page">
+    Don't have an account? <a href="{{ url_for('signup') }}">Sign up here</a>
+  </p>
+</div>
+{% endblock %}

templates/portfolio.html

@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="container">
+  <h2>My Portfolio</h2>
+  <p>Here you can showcase your projects, images, or links.</p>
+  <ul>
+    <li><a href="https://github.com/yourname" target="_blank">GitHub</a></li>
+    <li><a href="https://linkedin.com/in/yourname" target="_blank">LinkedIn</a></li>
+  </ul>
+</div>
+{% endblock %}

templates/signup.html

@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="container">
+  <h2>Create Account</h2>
+  <form method="POST" id="signupForm">
+    <input type="text" name="username" id="newUsername" placeholder="Username" required />
+    <input type="password" name="password" id="newPassword" placeholder="Password" required />
+    <input type="password" name="confirmPassword" id="confirmPassword" placeholder="Confirm Password" required />
+    <button type="submit">Sign Up</button>
+  </form>
+  <p id="signupMessage"></p>
+  <p class="switch-page">
+    Already have an account? <a href="{{ url_for('login') }}">Login here</a>
+  </p>
+</div>
+{% endblock %}