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,70 @@
+from flask import Flask, render_template, request, redirect, url_for, session, flash
+from werkzeug.security import generate_password_hash, check_password_hash
+
+app = Flask(__name__)
+app.secret_key = "supersecretkey"  # change this in production!
+
+# 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("/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,2 @@
+flask
+werkzeug

static/style.css

@@ -0,0 +1,88 @@
+/* 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,12 @@
+<!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>
+  {% block content %}{% endblock %}
+</body>
+</html>

templates/dashboard.html

@@ -0,0 +1,8 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="container">
+  <h2>Welcome, {{ username }}!</h2>
+  <p>This is your dashboard.</p>
+  <a href="{{ url_for('portfolio') }}">Go to Portfolio</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 %}