Upload 10 files

README.md

@@ -1,10 +1,13 @@
----
-title: A
-emoji: 🚀
-colorFrom: yellow
-colorTo: yellow
-sdk: docker
-pinned: false
----
+# flask-work
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+## 🚀 Features
+- User login form (username and password).
+- Authentication handling in `app.py`.
+- On successful login, users are redirected to a **Welcome Page**.
+- Basic form validation.
+- Clean and simple HTML templates for login and welcome pages.
+
+## ⚡ How to Run
+1. Clone this repository:
+   ```bash
+   git clone https://github.com/username/your-flask-login-project.git

app.py

@@ -0,0 +1,112 @@
+from flask import Flask, render_template, request, redirect, url_for, session, flash
+from flask_sqlalchemy import SQLAlchemy
+from werkzeug.security import generate_password_hash, check_password_hash
+
+# Initialize Flask app
+app = Flask(__name__)
+app.secret_key = 'your_super_secret_key'
+
+# Database configuration
+app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///database.db'
+app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+
+# Initialize SQLAlchemy
+db = SQLAlchemy(app)
+
+# ---------------------
+# Database Models
+# ---------------------
+
+class User(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    username = db.Column(db.String(80), unique=True, nullable=False)
+    password = db.Column(db.String(200), nullable=False)
+    feedbacks = db.relationship('Feedback', backref='user', lazy=True)
+
+class Feedback(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    message = db.Column(db.Text, nullable=False)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+
+# ---------------------
+# Routes
+# ---------------------
+
+@app.before_request
+def create_tables():
+    db.create_all()
+
+@app.route('/')
+def home():
+    return redirect(url_for('register'))
+
+@app.route('/register', methods=['GET', 'POST'])
+def register():
+    if request.method == 'POST':
+        username = request.form['username']
+        password = request.form['password']
+
+        existing_user = User.query.filter_by(username=username).first()
+        if existing_user:
+            flash('Username already exists. Please choose another.', 'danger')
+        else:
+            hashed_pw = generate_password_hash(password)
+            new_user = User(username=username, password=hashed_pw)
+            db.session.add(new_user)
+            db.session.commit()
+            flash('Registration successful! Please login.', 'success')
+            return redirect(url_for('login'))
+    return render_template('register.html')
+
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    if request.method == 'POST':
+        username = request.form['username']
+        password = request.form['password']
+
+        user = User.query.filter_by(username=username).first()
+        if user and check_password_hash(user.password, password):
+            session['user'] = user.username
+            flash('Logged in successfully!', 'success')
+            return redirect(url_for('welcome'))
+        else:
+            flash('Invalid credentials. Try again.', 'danger')
+    return render_template('login.html')
+
+@app.route('/welcome')
+def welcome():
+    if 'user' not in session:
+        flash('Please log in first.', 'warning')
+        return redirect(url_for('login'))
+    return render_template('welcome.html', username=session['user'])
+
+@app.route('/feedback', methods=['GET', 'POST'])
+def feedback():
+    if 'user' not in session:
+        flash('Please log in first.', 'warning')
+        return redirect(url_for('login'))
+
+    user = User.query.filter_by(username=session['user']).first()
+
+    if request.method == 'POST':
+        msg = request.form['message']
+        feedback_entry = Feedback(message=msg, user=user)
+        db.session.add(feedback_entry)
+        db.session.commit()
+        flash('Feedback received! Thank you.', 'success')
+        return render_template('feedback.html', message=msg)
+
+    return render_template('feedback.html', message=None)
+
+@app.route('/logout')
+def logout():
+    session.pop('user', None)
+    flash('Logged out successfully.', 'info')
+    return redirect(url_for('login'))
+
+# ---------------------
+# Run the app
+# ---------------------
+
+if __name__ == '__main__':
+    app.run(debug=True)

models.py

@@ -0,0 +1,16 @@
+from flask_sqlalchemy import SQLAlchemy
+
+db = SQLAlchemy()
+
+class User(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    username = db.Column(db.String(80), unique=True, nullable=False)
+    password = db.Column(db.String(120), nullable=False)
+
+    feedbacks = db.relationship('Feedback', backref='user', lazy=True)
+
+class Feedback(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    feedback = db.Column(db.Text, nullable=False)
+    
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)

requirements.txt

@@ -0,0 +1,5 @@
+flask
+Flask-SQLAlchemy
+Flask-Migrate
+requests
+pytest

templates/base.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF‑8">
+  <meta name="viewport" content="width=device‑width, initial‑scale=1">
+  <title>Flask Awesome App</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+</head>
+<body class="bg-light">
+  <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+    <div class="container">
+      <a class="navbar-brand" href="{{ url_for('register') }}">MyFlaskApp</a>
+      <div class="collapse navbar-collapse">
+        <ul class="navbar-nav ms-auto">
+          {% if session.get('user') %}
+            <li class="nav-item"><a class="nav-link" href="{{ url_for('logout') }}">Logout</a></li>
+          {% else %}
+            <li class="nav-item"><a class="nav-link" href="{{ url_for('login') }}">Login</a></li>
+            <li class="nav-item"><a class="nav-link" href="{{ url_for('register') }}">Register</a></li>
+          {% endif %}
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <div class="container mt-5">
+    {% with messages = get_flashed_messages(with_categories=true) %}
+      {% if messages %}
+        {% for category, msg in messages %}
+          <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+            {{ msg }}
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+          </div>
+        {% endfor %}
+      {% endif %}
+    {% endwith %}
+
+    {% block content %}{% endblock %}
+  </div>
+
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

templates/feedback.html

@@ -0,0 +1,24 @@
+{% extends 'base.html' %}
+{% block content %}
+<div class="row justify-content-center">
+  <div class="col-md-8">
+    <div class="card shadow">
+      <div class="card-body p-5">
+        {% if message %}
+          <h2 class="text-center mb-4">Thank You!</h2>
+          <p class="lead text-center">{{ message }}</p>
+        {% else %}
+          <h2 class="card-title text-center mb-4">We’d love your feedback</h2>
+          <form method="post">
+            <div class="mb-3">
+              <label for="message" class="form-label">Your Message</label>
+              <textarea class="form-control" id="message" name="message" rows="5" required></textarea>
+            </div>
+            <button type="submit" class="btn btn-outline-primary w-100">Submit</button>
+          </form>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

templates/login.html

@@ -0,0 +1,26 @@
+{% extends 'base.html' %}
+{% block content %}
+<div class="row justify-content-center">
+  <div class="col-md-6">
+    <div class="card shadow">
+      <div class="card-body p-5">
+        <h2 class="card-title text-center mb-4">Login</h2>
+        <form method="post">
+          <div class="mb-3">
+            <label for="username" class="form-label">Username</label>
+            <input type="text" class="form-control" id="username" name="username" required>
+          </div>
+          <div class="mb-3">
+            <label for="password" class="form-label">Password</label>
+            <input type="password" class="form-control" id="password" name="password" required>
+          </div>
+          <button type="submit" class="btn btn-success w-100">Login</button>
+        </form>
+        <p class="mt-3 text-center">
+          New? <a href="{{ url_for('register') }}">Register here</a>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

templates/register.html

@@ -0,0 +1,26 @@
+{% extends 'base.html' %}
+{% block content %}
+<div class="row justify-content-center">
+  <div class="col-md-6">
+    <div class="card shadow">
+      <div class="card-body p-5">
+        <h2 class="card-title text-center mb-4">Register</h2>
+        <form method="post">
+          <div class="mb-3">
+            <label for="username" class="form-label">Username</label>
+            <input type="text" class="form-control" id="username" name="username" required>
+          </div>
+          <div class="mb-3">
+            <label for="password" class="form-label">Password</label>
+            <input type="password" class="form-control" id="password" name="password" required>
+          </div>
+          <button type="submit" class="btn btn-primary w-100">Register</button>
+        </form>
+        <p class="mt-3 text-center">
+          Already have an account? <a href="{{ url_for('login') }}">Login</a>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

templates/welcome.html

@@ -0,0 +1,18 @@
+{% extends 'base.html' %}
+{% block content %}
+<div class="text-center">
+  <h1 class="display-4">Welcome, {{ username }}!</h1>
+  <p class="lead">We're thrilled to have you here.</p>
+  <p class="lead mt-4 text-success fw-semibold text-center">
+  This is my very first website built with <strong>Flask</strong>, and I’m super excited to share it with you! 🚀<br>
+  It has been a great learning experience, and I'm proud to see it all come together. <br>
+  I've added some clean styles and interactive elements to make the site more engaging and user-friendly. <br>
+  Your feedback means a lot — it’ll help me grow and build even better projects in the future!
+</p>
+
+  <p class="lead mt-4">
+    We're excited to have you on board! This platform is designed to give you a smooth and enjoyable experience as you explore everything we have to offer. Whether you're here to learn, connect, or share your thoughts — you've just joined a growing community that values your voice. Feel free to navigate around, and when you're ready, we'd love to hear your feedback. Let's make something great together!
+  </p>
+  <a href="{{ url_for('feedback') }}" class="btn btn-warning btn-lg mt-4">Give Feedback</a>
+</div>
+{% endblock %}