From 14402085f5c52c61909a0926c51c43653dea0c40 Mon Sep 17 00:00:00 2001
From: Sayed Abubaker Hashimi <sayed.abubaker.hashimi@student.tuke.sk>
Date: Tue, 18 Mar 2025 12:53:39 +0100
Subject: [PATCH] new

---
 z1/Dockerfile                     |  20 ++++++
 z1/LICENSE                        |  21 ++++++
 z1/Procfile                       |   1 +
 z1/README.md                      |  62 ++++++++++++++++++
 z1/__pycache__/app.cpython-38.pyc | Bin 0 -> 2028 bytes
 z1/app.py                         |  73 +++++++++++++++++++++
 z1/docker-compose.postgres.yml    |  25 ++++++++
 z1/docker-compose.yml             |  25 ++++++++
 z1/manage.py                      |  16 +++++
 z1/remove app.sh                  |   1 +
 z1/requirements.txt               |  15 +++++
 z1/runtime.txt                    |   1 +
 z1/start.app.sh                   |   2 +
 z1/stop.app.sh                    |   2 +
 z1/templates/index.html           | 103 ++++++++++++++++++++++++++++++
 z1/templates/usersdata.html       |  42 ++++++++++++
 16 files changed, 409 insertions(+)
 create mode 100644 z1/Dockerfile
 create mode 100644 z1/LICENSE
 create mode 100644 z1/Procfile
 create mode 100644 z1/README.md
 create mode 100644 z1/__pycache__/app.cpython-38.pyc
 create mode 100644 z1/app.py
 create mode 100644 z1/docker-compose.postgres.yml
 create mode 100644 z1/docker-compose.yml
 create mode 100644 z1/manage.py
 create mode 100644 z1/remove app.sh
 create mode 100644 z1/requirements.txt
 create mode 100644 z1/runtime.txt
 create mode 100644 z1/start.app.sh
 create mode 100644 z1/stop.app.sh
 create mode 100644 z1/templates/index.html
 create mode 100644 z1/templates/usersdata.html

diff --git a/z1/Dockerfile b/z1/Dockerfile
new file mode 100644
index 0000000..317ad8e
--- /dev/null
+++ b/z1/Dockerfile
@@ -0,0 +1,20 @@
+FROM python:3.8
+
+COPY requirements.txt /
+
+WORKDIR /
+
+RUN pip3 install -r ./requirements.txt --no-cache-dir
+
+COPY . /app/
+
+WORKDIR /app
+
+
+ENV FLASK_APP=app.py
+
+
+# RUN python manage.py create_db
+
+
+CMD flask run -h 0.0.0.0 -p 1602
diff --git a/z1/LICENSE b/z1/LICENSE
new file mode 100644
index 0000000..c011685
--- /dev/null
+++ b/z1/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 NOMANSAEEDSOOMRO
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/z1/Procfile b/z1/Procfile
new file mode 100644
index 0000000..cfc2f8f
--- /dev/null
+++ b/z1/Procfile
@@ -0,0 +1 @@
+web: gunicorn app:app 
diff --git a/z1/README.md b/z1/README.md
new file mode 100644
index 0000000..4e17b6f
--- /dev/null
+++ b/z1/README.md
@@ -0,0 +1,62 @@
+# Flask-App-with-PostgreSQL-DB
+
+This Website is build on the Python Flask with PostgreSQL Database. Data Insertion and Fetching.
+
+**For Running on Local System Follow the below insturction**
+
+Comment the below Code in the app.py File
+
+'uri = os.getenv("DATABASE_URL")  # or other relevant config var
+if uri.startswith("postgres://"):
+    uri = uri.replace("postgres://", "postgresql://", 1)'
+    
+UnComment the Below code in the app.py file
+
+app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///User.sqlite3"
+    
+Run the app.py file and in the Terminal run the below commands
+
+pyhton
+
+from app import db
+
+db.create_all()
+
+
+**If you are Using libraries then run the pip freeze command and for the deployment on heroku follow the below commands**
+
+UnComment the below Code in the app.py File
+
+'uri = os.getenv("DATABASE_URL")  # or other relevant config var
+if uri.startswith("postgres://"):
+    uri = uri.replace("postgres://", "postgresql://", 1)'
+    
+Comment the Below code in the app.py file
+
+app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///User.sqlite3"
+
+
+pip install gunicorn
+
+pip install psycopg2
+
+pip freeze > requirements.txt
+
+Create runtime.txt and write your python version i.e python-3.7.10
+
+echo web: gunicorn app:app > Procfile   #creating procfile
+
+Create an account on heroku  and also download the heroku cli
+
+##Write Following commands in pycharm/vscode
+1. heroku login
+2. heroku create "project name"
+3. heroku addons:create heroku-postgresql:hobby-dev --app "project name"       
+4. git init
+5. git add . 
+6. git commit -m "first commit"
+7. heroku git:remote -a "project name"
+8. git push heroku master
+9. heroku run python
+10. from app import db 
+11. db.create_all()
diff --git a/z1/__pycache__/app.cpython-38.pyc b/z1/__pycache__/app.cpython-38.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..bf13201495578b6402a9f15f7d8846517ad927ac
GIT binary patch
literal 2028
zcmZuyNpBlB6y`FU$CA9q+0mj4Fa>NCZF*>s7Lm8qs3WJbT%bI3FcxWf>{(<E)zpG~
za<2Xl*0FzSP6gUa{z7``Bd3m?)I;#ioA(~cw|tMYTd(^Fo(KP|@6CG%{iQ#yKQ??k
zg<1R!gd>g<lwyWc!bnOPO)X}nHnXwTk;F+|<{F+R9`l5EF~O}dW<Ix>FZ_#1?u@bg
z8MqpExXZmU1vwV=Gt3%%LNpGixc>wR-*A(_xuOBO>1T-7c>OivbuoQ7b4J;$Xk5(k
z#u)P{KK&Yj%{;7`<1>7g&-DnOKPP;F-!hs7W4j2pxA`3-xh3lS?h%oH!kR^XkKgAH
z&I$NUcTn)~4Md6pyR<iws5mO8q{z6Cp%Q67iIgZ^DUJuCP^BjYkEQ6U(jCYo+|Olz
zOMmC5tya=K5a~&q)z(^_)=Fz<J=}e{HGI_13)PdNI8Gino0lJtFPW!bE}QZAn@3-L
z-CW(;-dzjVR)&+8dRQ~8Uw)V^-eB-_gFVzoZms^X{`{A)^Rl)2WB7b~ZF6IDwbj|&
zZtt+gYx-*rZFY5_*PnOA9)eULhB;z{V@8E_Xv1_kfkDqHb1TV(r_0N2?wk`gaf8gi
zK{k1Vtfs;68nHT`fD-tnwOa^TS_7b+fUwEFjMGS-gh%3p)uVyR<E$%1Dl+wkgRdI_
zW?nW(l4vgxT^+{dqj>^z6=rcC$Ow;6h(-h`9#NoVWC5id!NIs4Sf!OksVHrcMsZR)
zJyZSC>qkZLDwiC9VHG0Tmo?Z-)-`EpG6m!hBxm6D_S@z`o{DC15Xn5xnrossQhC2=
z@U+zG_m^J9>R{<bg$5|j(%MQh>i3uXC#4sLaTcpEd<YvA(2)pX$BbcJ=VbX(-wqnu
zSo<1=r5}cA&IgI+Yhidih>}Xf>S3sKR{k?2e2+P+c``^d=5A(6^dQe9=FHhqGR}H8
zg(c^}3lrHjGOJ}1Ko(#YIt3oK$Sj_(1~Iy~xcNVjQ7|>t&<RvXVUEvWK=w(yv}5SC
z-vc6b-K3+5&geCw&n+#T-_L+6bZrrl_ka$ardiGCv-M7Cz1ZIAKtH;vPzO0L-t)r+
zbA5vGV;>lW4#5w&5q<@ZoT3rjW_QpjV1-k716sHRZ@>$;;cY1jI3j=_>&!Z}6|~2N
zGqT4RBg4C61ROnt`)`a+9p!V!MCi7q#^6<wne)ux%fM&o8~>LNRGI{n(gMrUsoZB4
z+%Bofsaym(a|=-vah{bl;!wP9o~E%XZMc}^3CNN}>O2Q-Y4J!!R|j5!6&gmo3bnSJ
z(0yju4-zf!!X{t9EN%fo#0MmL)gTRA!#?pXV>9%ddXGYH_g<#;G98G?w62|ke~7||
z<bsYN$L9p<PTRxAyVX_nSbhSwfn}no!u|*Z@?%YILWBvy9RD4dRIs4(Q{Z)%Kr3fq
z*ojvFQ2{A!F7^gJX7zKag4@jA*B8CiP^!+;4qqXVO&fg(*LGB0>{8>WBzd8)2PLxK
z7#+yC^b5$eDs*$}p9K6Zx<bxtQwrU!i<Irhy{dlp^PG#sM8<5H50o$%Hp#5qrgD(o
q7^?TAYW45+?O%Kj<UXzu4~k=9A2+C{%R)UmI}MyQjs02u_VB;!E!NKf

literal 0
HcmV?d00001

diff --git a/z1/app.py b/z1/app.py
new file mode 100644
index 0000000..44fcf35
--- /dev/null
+++ b/z1/app.py
@@ -0,0 +1,73 @@
+from flask import Flask, render_template, request, redirect, url_for
+from flask_sqlalchemy import SQLAlchemy
+
+import os
+
+uri = os.getenv("DATABASE_URL")  # or other relevant config var
+uri ="postgresql://postgres:postgres@db_postgres:5432/postgres"
+if uri.startswith("postgres://"):
+    uri = uri.replace("postgres://", "postgresql://", 1)
+# rest of connection code using the connection string `uri`
+
+app = Flask(__name__)
+app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+
+app.config["SQLALCHEMY_DATABASE_URI"] = uri
+#app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///User.sqlite3"
+
+db = SQLAlchemy(app)
+
+
+
+
+
+class User(db.Model):
+    __tablename__ = "user"
+
+    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
+    name = db.Column(db.String(100), nullable=False)
+    email = db.Column(db.String(100), nullable=False)
+    gender = db.Column(db.String(100), nullable=False)
+    password = db.Column(db.String(100), nullable=False)
+
+    def __init__(self, name, email, gender, password):
+        self.name = name
+        self.email = email
+        self.gender = gender
+        self.password = password
+
+
+
+db.create_all()
+
+@app.route("/")
+def home():
+    db.create_all()
+    return redirect(url_for('index'))
+
+
+@app.route("/index", methods=["GET", "POST"])
+def index():
+    if request.method == 'POST':  # When a user clicks submit button it will come here.
+        data = request.form  # request the data from the form in index.html file
+        name = data["name"]
+        email = data["email"]
+        gender = data["Gender"]
+        password = data["password"]
+
+        new_data = User(name, email, gender, password)
+        db.session.add(new_data)
+        db.session.commit()
+
+        user_data = User.query.all()
+        #print(user_data)
+
+        #return render_template("index.html" , user_data=user_data)  # passes user_data variable into the index.html file.
+    return render_template("usersdata.html")
+
+@app.route("/usersdata")
+def usersdata():
+    return render_template("usersdata.html" ,  user_data = User.query.all())
+
+if __name__ == '__main__':
+    app.run(debug=True, port=1602)
\ No newline at end of file
diff --git a/z1/docker-compose.postgres.yml b/z1/docker-compose.postgres.yml
new file mode 100644
index 0000000..0294d2c
--- /dev/null
+++ b/z1/docker-compose.postgres.yml
@@ -0,0 +1,25 @@
+version: '3.9'
+services:
+  postgres:
+    container_name: db_postgres
+    image: postgres
+    hostname: postgres
+    ports:
+      - "5432:5432"
+    environment:
+      POSTGRES_USER: postgres
+      POSTGRES_PASSWORD: postgres
+      POSTGRES_DB: postgres
+    volumes:
+      - postgres-volume:/var/lib/postgresql/data
+    restart: unless-stopped
+
+    networks:
+      - test-net
+    
+volumes:
+  postgres-volume:
+
+networks:
+  test-net:
+    external: true  
diff --git a/z1/docker-compose.yml b/z1/docker-compose.yml
new file mode 100644
index 0000000..a703184
--- /dev/null
+++ b/z1/docker-compose.yml
@@ -0,0 +1,25 @@
+version: '3.9'
+services:
+  flask:
+    build:
+      dockerfile: Dockerfile
+      context: .
+    environment:
+#     DATABASE DETAILS
+      - DBNAME=test_db
+      - DBUSER=postgres
+      - DBPASS=postgres
+      - DBPORT=5450
+      - DBHOST=0.0.0.0
+  
+    ports:
+      - "8050:1602"
+    
+    networks:
+      - test-net
+
+
+networks:
+  test-net:
+    external: true  
+
diff --git a/z1/manage.py b/z1/manage.py
new file mode 100644
index 0000000..0705c6a
--- /dev/null
+++ b/z1/manage.py
@@ -0,0 +1,16 @@
+from flask.cli import FlaskGroup
+from app import db
+import app
+cli = FlaskGroup(app)
+
+
+@cli.command("create_db")
+def create_db():
+    db.drop_all()
+    db.create_all()
+    db.session.commit()
+
+from exc
+    execute_from_command_line(sys.argv)
+if __name__ == "__main__":
+    cli()
diff --git a/z1/remove app.sh b/z1/remove app.sh
new file mode 100644
index 0000000..e237b78
--- /dev/null
+++ b/z1/remove app.sh	
@@ -0,0 +1 @@
+echo "Docker Container, Network, Volume removed "
\ No newline at end of file
diff --git a/z1/requirements.txt b/z1/requirements.txt
new file mode 100644
index 0000000..6b6f200
--- /dev/null
+++ b/z1/requirements.txt
@@ -0,0 +1,15 @@
+click==8.0.1
+colorama==0.4.4
+Flask==2.0.1
+Flask-SQLAlchemy==2.5.1
+greenlet==1.1.0
+gunicorn==20.1.0
+importlib-metadata==4.0.1
+itsdangerous==2.0.1
+Jinja2==3.0.1
+MarkupSafe==2.0.1
+psycopg2-binary==2.9.1
+SQLAlchemy==1.4.15
+typing-extensions==3.10.0.0
+Werkzeug==2.0.1
+zipp==3.4.1
diff --git a/z1/runtime.txt b/z1/runtime.txt
new file mode 100644
index 0000000..8fd908a
--- /dev/null
+++ b/z1/runtime.txt
@@ -0,0 +1 @@
+python-3.7.10
\ No newline at end of file
diff --git a/z1/start.app.sh b/z1/start.app.sh
new file mode 100644
index 0000000..bc7f277
--- /dev/null
+++ b/z1/start.app.sh
@@ -0,0 +1,2 @@
+ docker compose stop
+ echo "Docker containers start "
\ No newline at end of file
diff --git a/z1/stop.app.sh b/z1/stop.app.sh
new file mode 100644
index 0000000..f63d2b8
--- /dev/null
+++ b/z1/stop.app.sh
@@ -0,0 +1,2 @@
+ docker compose stop
+ echo "Docker containers stopped SSS"
\ No newline at end of file
diff --git a/z1/templates/index.html b/z1/templates/index.html
new file mode 100644
index 0000000..dd5084a
--- /dev/null
+++ b/z1/templates/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Register Page</title>
+	<meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+  <style >
+  body {
+    height: 100%;
+      background-image: linear-gradient(to right , #37B9E9 , #63C4C9 ,#E3F2FD );
+  }
+  </style>
+</head> 
+<body>
+<header>
+	
+
+<div class="container-fluid mt-2 ">
+  
+  <marquee> <p class="text-capitalize text-white mx-3 mt-3" style="font-size: 25px">Flask App with DataBase</p> </marquee>
+</div>
+	
+</header>
+
+<div class="container text-capitalize">
+
+  <div class="row">
+        <div class="col-md-12">
+            <h1 class="text-center mt-4 text-white">Create Account </h1>
+            <hr class="w-25 mx-auto mt-auto" style="border: 04px solid #003D51; border-radius: 5px">
+            <div class="row">
+                <div class="col-md-6 mx-auto"> 
+                    <div class="card border-secondary">
+                        <div class="card-header" style="background-color: #557D8B"> 
+                            <h3 class="mb-0 my-2 text-white" >User Data Form</h3>
+                        </div>
+                        <div class="card-body" style="background-color: #e3f2fd">
+                            <form class="form text-capitalize" role="form" autocomplete="off"
+                             action="" method="POST">
+                                <div class="form-group">
+                                    <label for="inputName" >Full Name</label>
+                                    <input type="text" class="form-control"  placeholder="Enter your Full Name"required="" name="name">
+                                </div>
+                                <div class="form-group">
+                                    <label for="inputEmail3" >Email</label>
+                                    <input type="email" class="form-control" placeholder="Email@gmail.com" required="" name="email">
+                                </div>
+                                
+                                  <div class="form-group">
+                                    <label for="gender" >Gender</label>
+                                    <select class="custom-select form-inline" name="Gender">
+                                      <option selected>Choose...</option>
+                                      <option value="male" name="Gender" >Male</option>
+                                      <option value="female" name="Gender"> Female</option>
+                                      
+                                    </select>
+                                    
+                                  </div>
+                                <div class="form-group">
+                                    <label for="inputPassword3" >Password</label>
+                                    <input type="password" class="form-control"  placeholder="Enter your Password" title="At least 6 characters with letters and numbers" required="" name="password">
+                                </div>
+
+                                <div class="form-group">
+                                    <button type="submit" class="btn  btn-lg float-right text-white" style="background-color: #003D51" name="Reg">Register</button>
+                                      
+                                </div>
+                                <div class="form-group">
+                                  <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" value="" id="invalidCheck2" required>
+                                    <label class="form-check-label" for="invalidCheck2">
+                                           I Agree to the terms and conditions.
+                                           
+                                          </label>
+                                             </div>
+                                         </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--/row-->
+
+        </div>
+        <!--/col-->
+    </div>
+    <!--/row-->
+</div>
+  
+</div>
+
+
+<footer id="sticky-footer" class="py-3 text-dark-90 mt-5" style="background-color: #E3F2FD" >
+    <div class="container text-center">
+      <small>Copyright &copy; NSA Website</small>
+    </div>
+  </footer>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/z1/templates/usersdata.html b/z1/templates/usersdata.html
new file mode 100644
index 0000000..d939bd1
--- /dev/null
+++ b/z1/templates/usersdata.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Bootstrap Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</head>
+<body>
+
+<div class="container mt-5" >
+    <h2>User's Data</h2>
+    <p>Fetching data from database </p>
+    <table class="table">
+        <thead>
+        <tr>
+            <th>Id</th>
+            <th>Name</th>
+            <th>Email</th>
+            <th>Gender</th>
+        </tr>
+        </thead>
+        <tbody>
+     <!-- The user_data is a variable containing all the user data from the DB. -->
+
+	  	{% for user in user_data %}
+	  	<tr>
+	  		<td>{{user.id}}</td>
+	  		<td>{{user.name}}</td>
+	  		<td>{{user.email}}</td>
+            <td>{{user.gender}}</td>
+	  	</tr>
+	  	{% endfor %}
+    </tbody>
+  </table>
+</div>
+
+</body>
+</html>