upload back-end files and organize the front-end files

OmarKhalil10 · Mar 13, 2023 · 3d65506 · 3d65506
1 parent a2c0228
commit 3d65506
Show file tree

Hide file tree

Showing 101 changed files with 229 additions and 29 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,29 @@
 # Image-Captioner-Using-Tensoflow
-Image-Captioner-Using-Tensoflow
+## To add a new page
+* Create the html, css, js in the specified folder using the same folder structure.
+* Create a new route in the [app.py](./app.py) file with the name you want using only dashes to seperate words.
+```PYTHON
+@app.route('NEW-ROUTE')
+```
+* Define your serving function using a unique name not used before in the whole application.
+```PYTHON
+def NEW_UNIQUE_NAME():
+```
+* Return your html file path using render_template.
+```PYTHON
+return render_template('FOLDER_PATH/FILE_PATH.html')
+```
+* Your newely created route should look like this.
+```PYTHON
+@app.route('NEW-ROUTE')
+def NEW_UNIQUE_NAME():
+    return render_template('FOLDER_PATH/FILE_PATH.html')
+```
+
+## To run the development server
+* Open git bash terminal
+```bash
+FLASK_APP=app.py
+FLASK_ENV=development
+flask run --reload
+```
diff --git a/app.py b/app.py
@@ -0,0 +1,126 @@
+import os
+from flask import Flask, request, render_template, redirect, abort, jsonify, flash, url_for
+from flask_cors import CORS
+from sqlalchemy import or_
+import numpy as np
+os.environ['TF_CPP_MIN_LOG_LEVEL'] = '3'
+import tensorflow as tf
+from werkzeug.utils import secure_filename
+from flask import send_from_directory
+from keras.preprocessing import image
+import matplotlib.pyplot as plt
+
+ALLOWED_EXTENSIONS = set(['png', 'jpg', 'jpeg', 'gif'])
+
+def allowed_file(filename):
+    return '.' in filename and \
+           filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
+
+
+def create_app(test_config=None):
+    # Create and configure the app
+    app = Flask(__name__)
+    app.config.from_pyfile('settings.py')
+    #setup_db(app)
+    CORS(app, resources={r"/api/*": {"origins": "*"}})
+
+    @app.after_request
+    def after_request(response):
+        response.headers.add('Access-Control-Allow-Headers', 'Content-Type, Authorization,true')
+        response.headers.add('Access-Control-Allow-Methods', 'GET, POST, PATCH, DELETE, OPTIONS')
+        return response
+
+    @app.route("/")
+    def landing_page():
+        return render_template("pages/index.html")
+
+    @app.route("/about")
+    def about_page():
+        return render_template("pages/about.html")
+
+    @app.route("/prediction", methods=["POST", "GET"])
+    def prediction_page():
+        # check if the post request has the file part
+        if request.method == 'POST':
+            if 'files' not in request.files:
+                flash('No file part')
+            file = request.files['files']
+            # if user does not select file, browser also
+            # submit an empty part without filename
+            if file.filename == '':
+                flash('No selected file')
+            if file and allowed_file(file.filename):
+                filename = secure_filename(file.filename)
+                file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
+
+            model =  tf.keras.models.load_model('.\\model_weights.h5')
+
+            path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+            img = image.load_img(path, target_size=(224, 224))
+            x=image.img_to_array(img)
+            x /= 255
+            x=np.expand_dims(x, axis=0)
+            images = np.vstack([x])
+
+            prediction = model.predict(images, batch_size=10)
+
+            return jsonify({
+                'prediction': prediction,
+                'success': True,
+                #'caption': caption
+                }), 200
+        return jsonify({
+                'success': False
+                }), 405
+
+    @app.route('/uploads/<filename>')
+    def uploaded_file(filename):
+        return send_from_directory(app.config['UPLOAD_FOLDER'],
+                                filename)
+
+    @app.errorhandler(400)
+    def bad_request(error):
+        return jsonify({
+            'success': False,
+            'error': 400,
+            'message': 'bad request'
+        }), 400
+
+    @app.errorhandler(404)
+    def not_found(error):
+        return render_template('/pages/errors/error.html', data={
+            'success': False,
+            'error': 404,
+            'description': 'Sorry but the page you are looking for does not exist, have been removed, name changed or is temporarily unavailable.',
+            'message': 'Page Not Be Found'
+        }), 404
+
+    @app.errorhandler(405)
+    def method_not_allowed(error):
+        return jsonify({
+            'success': False,
+            'error': 405,
+            'message': 'method not allowed'
+        }), 405
+
+    @app.errorhandler(422)
+    def unprocessable(error):
+        return jsonify({
+            "success": False,
+            "error": 422,
+            "message": "unprocessable"
+        }), 422
+
+    @app.errorhandler(500)
+    def internal_server_error(error):
+        return jsonify({
+            'success': False,
+            'error': 500,
+            'message': 'internal server errors'
+        }), 500
+    return app
+
+app = create_app()
+
+if __name__ == '__main__':
+    app.run(host='127.0.0.1', port=4040, debug=True)
diff --git a/model_weights.h5 b/model_weights.h5
diff --git a/requirements.txt b/requirements.txt
@@ -0,0 +1,23 @@
+alembic==1.4.3
+Babel==2.9.0
+Flask==2.1.0
+gunicorn==20.0.4
+Flask-Cors==3.0.8
+Flask-RESTful==0.3.7
+requests==2.22.0
+psycopg2
+psycopg2-binary==2.8.2
+Flask-Mail==0.9.1
+python-dotenv
+Flask-SQLAlchemy==2.1
+SQLAlchemy==1.3.12
+tensorflow==2.6.0
+keras==2.6.0
+Keras-Preprocessing==1.1.2
+Jinja2==3.0
+matplotlib==3.5.2
+mysql-connector-python==8.0.26
+mysqlclient==2.0.3
+itsdangerous==2.0
+six==1.15.0
+Werkzeug==2.0
diff --git a/runtime.txt b/runtime.txt
@@ -0,0 +1 @@
+python-3.7.8
diff --git a/settings.py b/settings.py
@@ -0,0 +1,9 @@
+import os
+from os.path import join, dirname
+from dotenv import load_dotenv
+
+dotenv_path = join(dirname(__file__), 'vars.env')
+load_dotenv(dotenv_path)
+
+UPLOAD_FOLDER = os.environ.get('UPLOAD_FOLDER')
+DEBUG = True
diff --git a/css/animate.css → static/css/animate.css b/css/animate.css → static/css/animate.css
diff --git a/css/bootstrap.css → static/css/bootstrap.css b/css/bootstrap.css → static/css/bootstrap.css
diff --git a/css/css.css → static/css/css.css b/css/css.css → static/css/css.css
diff --git a/css/flaticon.css → static/css/flaticon.css b/css/flaticon.css → static/css/flaticon.css
diff --git a/css/font-awesome.min.css → static/css/font-awesome.min.css b/css/font-awesome.min.css → static/css/font-awesome.min.css
diff --git a/css/magnific-popup.css → static/css/magnific-popup.css b/css/magnific-popup.css → static/css/magnific-popup.css
diff --git a/css/nice-select.css → static/css/nice-select.css b/css/nice-select.css → static/css/nice-select.css
diff --git a/css/owl.carousel.min.css → static/css/owl.carousel.min.css b/css/owl.carousel.min.css → static/css/owl.carousel.min.css
diff --git a/css/style.css → static/css/style.css b/css/style.css → static/css/style.css
diff --git a/css/style_1.css → static/css/style_1.css b/css/style_1.css → static/css/style_1.css
diff --git a/css/upload.css → static/css/upload.css b/css/upload.css → static/css/upload.css
diff --git a/fonts/Flaticon.eot → static/fonts/Flaticon.eot b/fonts/Flaticon.eot → static/fonts/Flaticon.eot
diff --git a/fonts/Flaticon.svg → static/fonts/Flaticon.svg b/fonts/Flaticon.svg → static/fonts/Flaticon.svg
diff --git a/fonts/Flaticon.ttf → static/fonts/Flaticon.ttf b/fonts/Flaticon.ttf → static/fonts/Flaticon.ttf
diff --git a/fonts/Flaticon.woff → static/fonts/Flaticon.woff b/fonts/Flaticon.woff → static/fonts/Flaticon.woff
diff --git a/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf → static/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf b/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf → static/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf
diff --git a/fonts/KFOlCnqEu92Fr1MmEU9fBBc9.ttf → static/fonts/KFOlCnqEu92Fr1MmEU9fBBc9.ttf b/fonts/KFOlCnqEu92Fr1MmEU9fBBc9.ttf → static/fonts/KFOlCnqEu92Fr1MmEU9fBBc9.ttf
diff --git a/fonts/KFOmCnqEu92Fr1Mu4mxP.ttf → static/fonts/KFOmCnqEu92Fr1Mu4mxP.ttf b/fonts/KFOmCnqEu92Fr1Mu4mxP.ttf → static/fonts/KFOmCnqEu92Fr1Mu4mxP.ttf
diff --git a/fonts/LDI2apCSOBg7S-QT7pa8FvOreeI.ttf → static/fonts/LDI2apCSOBg7S-QT7pa8FvOreeI.ttf b/fonts/LDI2apCSOBg7S-QT7pa8FvOreeI.ttf → static/fonts/LDI2apCSOBg7S-QT7pa8FvOreeI.ttf
diff --git a/fonts/LDI2apCSOBg7S-QT7pbYF_OreeI.ttf → static/fonts/LDI2apCSOBg7S-QT7pbYF_OreeI.ttf b/fonts/LDI2apCSOBg7S-QT7pbYF_OreeI.ttf → static/fonts/LDI2apCSOBg7S-QT7pbYF_OreeI.ttf
diff --git a/fonts/Linearicons-Free.eot → static/fonts/Linearicons-Free.eot b/fonts/Linearicons-Free.eot → static/fonts/Linearicons-Free.eot
diff --git a/fonts/Linearicons-Free.svg → static/fonts/Linearicons-Free.svg b/fonts/Linearicons-Free.svg → static/fonts/Linearicons-Free.svg
diff --git a/fonts/Linearicons-Free.ttf → static/fonts/Linearicons-Free.ttf b/fonts/Linearicons-Free.ttf → static/fonts/Linearicons-Free.ttf
diff --git a/fonts/Linearicons-Free.woff → static/fonts/Linearicons-Free.woff b/fonts/Linearicons-Free.woff → static/fonts/Linearicons-Free.woff
diff --git a/fonts/Linearicons-Free.woff2 → static/fonts/Linearicons-Free.woff2 b/fonts/Linearicons-Free.woff2 → static/fonts/Linearicons-Free.woff2
diff --git a/fonts/Linearicons-Free_1.eot → static/fonts/Linearicons-Free_1.eot b/fonts/Linearicons-Free_1.eot → static/fonts/Linearicons-Free_1.eot
diff --git a/fonts/fontawesome-webfont.eot → static/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot → static/fonts/fontawesome-webfont.eot
diff --git a/fonts/fontawesome-webfont.svg → static/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg → static/fonts/fontawesome-webfont.svg
diff --git a/fonts/fontawesome-webfont.ttf → static/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf → static/fonts/fontawesome-webfont.ttf
diff --git a/fonts/fontawesome-webfont.woff → static/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff → static/fonts/fontawesome-webfont.woff
diff --git a/fonts/fontawesome-webfont.woff2 → static/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2 → static/fonts/fontawesome-webfont.woff2
diff --git a/fonts/fontawesome-webfont_1.eot → static/fonts/fontawesome-webfont_1.eot b/fonts/fontawesome-webfont_1.eot → static/fonts/fontawesome-webfont_1.eot
diff --git a/images/about_img.png → static/images/about_img.png b/images/about_img.png → static/images/about_img.png
diff --git a/images/b_map1.png → static/images/b_map1.png b/images/b_map1.png → static/images/b_map1.png
diff --git a/images/b_map2.png → static/images/b_map2.png b/images/b_map2.png → static/images/b_map2.png
diff --git a/images/b_map3.png → static/images/b_map3.png b/images/b_map3.png → static/images/b_map3.png
diff --git a/images/b_map4.png → static/images/b_map4.png b/images/b_map4.png → static/images/b_map4.png
diff --git a/images/blog_img1.png → static/images/blog_img1.png b/images/blog_img1.png → static/images/blog_img1.png
diff --git a/images/blog_img2.png → static/images/blog_img2.png b/images/blog_img2.png → static/images/blog_img2.png
diff --git a/images/blog_img3.png → static/images/blog_img3.png b/images/blog_img3.png → static/images/blog_img3.png
diff --git a/images/dc.png → static/images/dc.png b/images/dc.png → static/images/dc.png
diff --git a/images/disabled-check.png → static/images/disabled-check.png b/images/disabled-check.png → static/images/disabled-check.png
diff --git a/images/disabled-radio.png → static/images/disabled-radio.png b/images/disabled-radio.png → static/images/disabled-radio.png
diff --git a/images/dw.png → static/images/dw.png b/images/dw.png → static/images/dw.png
diff --git a/images/favicon.png → static/images/favicon.png b/images/favicon.png → static/images/favicon.png
diff --git a/images/gallery_img1.png → static/images/gallery_img1.png b/images/gallery_img1.png → static/images/gallery_img1.png
diff --git a/images/gallery_img2.png → static/images/gallery_img2.png b/images/gallery_img2.png → static/images/gallery_img2.png
diff --git a/images/gallery_img3.png → static/images/gallery_img3.png b/images/gallery_img3.png → static/images/gallery_img3.png
diff --git a/images/gallery_img4.png → static/images/gallery_img4.png b/images/gallery_img4.png → static/images/gallery_img4.png
diff --git a/images/h1.jpg → static/images/h1.jpg b/images/h1.jpg → static/images/h1.jpg
diff --git a/images/h2.jpg → static/images/h2.jpg b/images/h2.jpg → static/images/h2.jpg
diff --git a/images/h3.jpg → static/images/h3.jpg b/images/h3.jpg → static/images/h3.jpg
diff --git a/images/h4.jpg → static/images/h4.jpg b/images/h4.jpg → static/images/h4.jpg
diff --git a/images/h5.jpg → static/images/h5.jpg b/images/h5.jpg → static/images/h5.jpg
diff --git a/images/ha1.jpg → static/images/ha1.jpg b/images/ha1.jpg → static/images/ha1.jpg
diff --git a/images/ha2.jpg → static/images/ha2.jpg b/images/ha2.jpg → static/images/ha2.jpg
diff --git a/images/ha3.jpg → static/images/ha3.jpg b/images/ha3.jpg → static/images/ha3.jpg
diff --git a/images/ha4.jpg → static/images/ha4.jpg b/images/ha4.jpg → static/images/ha4.jpg
diff --git a/images/home-banner.jpg → static/images/home-banner.jpg b/images/home-banner.jpg → static/images/home-banner.jpg
diff --git a/images/home-left.png → static/images/home-left.png b/images/home-left.png → static/images/home-left.png
diff --git a/images/logo.png → static/images/logo.png b/images/logo.png → static/images/logo.png
diff --git a/images/oh.jpeg → static/images/oh.jpeg b/images/oh.jpeg → static/images/oh.jpeg
diff --git a/images/oo.png → static/images/oo.png b/images/oo.png → static/images/oo.png
diff --git a/images/owl.video.play.png → static/images/owl.video.play.png b/images/owl.video.play.png → static/images/owl.video.play.png
diff --git a/images/pp.png → static/images/pp.png b/images/pp.png → static/images/pp.png
diff --git a/images/primary-check.png → static/images/primary-check.png b/images/primary-check.png → static/images/primary-check.png
diff --git a/images/primary-radio.png → static/images/primary-radio.png b/images/primary-radio.png → static/images/primary-radio.png
diff --git a/images/quote.png → static/images/quote.png b/images/quote.png → static/images/quote.png
diff --git a/images/recent_up.png → static/images/recent_up.png b/images/recent_up.png → static/images/recent_up.png
diff --git a/images/recent_up_bg.png → static/images/recent_up_bg.png b/images/recent_up_bg.png → static/images/recent_up_bg.png
diff --git a/images/success-check.png → static/images/success-check.png b/images/success-check.png → static/images/success-check.png
diff --git a/images/success-radio.png → static/images/success-radio.png b/images/success-radio.png → static/images/success-radio.png
diff --git a/images/testimonial_bg.png → static/images/testimonial_bg.png b/images/testimonial_bg.png → static/images/testimonial_bg.png
diff --git a/js/bootstrap.min.js → static/js/bootstrap.min.js b/js/bootstrap.min.js → static/js/bootstrap.min.js
diff --git a/js/gmaps.min.js → static/js/gmaps.min.js b/js/gmaps.min.js → static/js/gmaps.min.js
diff --git a/js/imagesloaded.pkgd.min.js → static/js/imagesloaded.pkgd.min.js b/js/imagesloaded.pkgd.min.js → static/js/imagesloaded.pkgd.min.js
diff --git a/js/isotope-min.js → static/js/isotope-min.js b/js/isotope-min.js → static/js/isotope-min.js
diff --git a/js/jquery-3.2.1.min.js → static/js/jquery-3.2.1.min.js b/js/jquery-3.2.1.min.js → static/js/jquery-3.2.1.min.js
diff --git a/js/jquery.ajaxchimp.min.js → static/js/jquery.ajaxchimp.min.js b/js/jquery.ajaxchimp.min.js → static/js/jquery.ajaxchimp.min.js
diff --git a/js/jquery.counterup.min.js → static/js/jquery.counterup.min.js b/js/jquery.counterup.min.js → static/js/jquery.counterup.min.js
diff --git a/js/jquery.magnific-popup.min.js → static/js/jquery.magnific-popup.min.js b/js/jquery.magnific-popup.min.js → static/js/jquery.magnific-popup.min.js
diff --git a/js/jquery.nice-select.min.js → static/js/jquery.nice-select.min.js b/js/jquery.nice-select.min.js → static/js/jquery.nice-select.min.js
diff --git a/js/jquery.waypoints.min.js → static/js/jquery.waypoints.min.js b/js/jquery.waypoints.min.js → static/js/jquery.waypoints.min.js
diff --git a/js/js.js → static/js/js.js b/js/js.js → static/js/js.js
diff --git a/js/mail-script.js → static/js/mail-script.js b/js/mail-script.js → static/js/mail-script.js
diff --git a/js/owl.carousel.min.js → static/js/owl.carousel.min.js b/js/owl.carousel.min.js → static/js/owl.carousel.min.js
diff --git a/js/popper.js → static/js/popper.js b/js/popper.js → static/js/popper.js
diff --git a/js/stellar.js → static/js/stellar.js b/js/stellar.js → static/js/stellar.js
diff --git a/js/theme.js → static/js/theme.js b/js/theme.js → static/js/theme.js
diff --git a/js/upload.js → static/js/upload.js b/js/upload.js → static/js/upload.js
diff --git a/...b2aea4879b33c060e79fe94621666317369993.js → ...b2aea4879b33c060e79fe94621666317369993.js b/...b2aea4879b33c060e79fe94621666317369993.js → ...b2aea4879b33c060e79fe94621666317369993.js
diff --git a/templates/pages/about.html b/templates/pages/about.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=h1, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1>About</h1>
+</body>
+</html>
diff --git a/caption.html → templates/pages/caption.html b/caption.html → templates/pages/caption.html
@@ -6,16 +6,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <link rel="icon" href="images/dw.png" type="image/png">
   <title>Define Me</title>
-  <link rel="stylesheet" href="css/bootstrap.css">
-  <link rel="stylesheet" href="css/style_1.css">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
-  <link rel="stylesheet" href="css/owl.carousel.min.css">
-  <link rel="stylesheet" href="css/magnific-popup.css">
-  <link rel="stylesheet" href="css/nice-select.css">
-  <link rel="stylesheet" href="css/animate.css">
-  <link rel="stylesheet" href="css/flaticon.css">
-  <link rel="stylesheet" href="css/upload.css">
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="static/css/bootstrap.css">
+  <link rel="stylesheet" href="static/css/style_1.css">
+  <link rel="stylesheet" href="static/css/font-awesome.min.css">
+  <link rel="stylesheet" href="static/css/owl.carousel.min.css">
+  <link rel="stylesheet" href="static/css/magnific-popup.css">
+  <link rel="stylesheet" href="static/css/nice-select.css">
+  <link rel="stylesheet" href="static/css/animate.css">
+  <link rel="stylesheet" href="static/css/flaticon.css">
+  <link rel="stylesheet" href="static/css/upload.css">
+  <link rel="stylesheet" href="static/css/style.css">
 </head>
 
 <body>

diff --git a/index.html → templates/pages/index.html b/index.html → templates/pages/index.html
@@ -3,24 +3,24 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <link rel="icon" href="images/dw.png" type="image/png">
+  <link rel="icon" href="static/images/dw.png" type="image/png">
   <title>Define Me</title>
-  <link rel="stylesheet" href="css/bootstrap.css">
-  <link rel="stylesheet" href="css/style_1.css">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
-  <link rel="stylesheet" href="css/owl.carousel.min.css">
-  <link rel="stylesheet" href="css/magnific-popup.css">
-  <link rel="stylesheet" href="css/nice-select.css">
-  <link rel="stylesheet" href="css/animate.css">
-  <link rel="stylesheet" href="css/flaticon.css">
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="static/css/bootstrap.css">
+  <link rel="stylesheet" href="static/css/style_1.css">
+  <link rel="stylesheet" href="static/css/font-awesome.min.css">
+  <link rel="stylesheet" href="static/css/owl.carousel.min.css">
+  <link rel="stylesheet" href="static/css/magnific-popup.css">
+  <link rel="stylesheet" href="static/css/nice-select.css">
+  <link rel="stylesheet" href="static/css/animate.css">
+  <link rel="stylesheet" href="static/css/flaticon.css">
+  <link rel="stylesheet" href="static/css/style.css">
 </head>
 <body>
   <header class="header_area">
     <div class="main_menu">
       <nav class="navbar navbar-expand-lg navbar-light">
         <div class="container">
-          <a class="navbar-brand logo_h" href="index.html"><img src="images/dw.png" alt=""></a>
+          <a class="navbar-brand logo_h" href="index.html"><img src="static/images/dw.png" alt=""></a>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="icon-bar"></span>
@@ -30,7 +30,7 @@
           <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
             <ul class="nav navbar-nav menu_nav justify-content-center">
               <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
-              <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
+              <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
               <li class="nav-item"><a class="nav-link" href="#Learn">How it Works</a>
               </li>
             </ul>
@@ -48,7 +48,7 @@
         <div class="row">
           <div class="col-lg-6">
             <div class="home_left_img">
-              <img class="img-fluid" src="images/home-left.png" alt="">
+              <img class="img-fluid" src="static/images/home-left.png" alt="">
             </div>
           </div>
           <div class="col-lg-6">
@@ -84,7 +84,7 @@ <h6>About Us </h6>
         </div>
         <div class="col-lg-6">
           <div class="about_us_image_box justify-content-center">
-            <!--<img class="img-fluid w-100" src="images/about_img.png" alt="">-->
+            <!--<img class="img-fluid w-100" src="static/images/about_img.png" alt="">-->
             <video controls loop width="500px" height="500px" autoplay muted controls="controls">
               <source src="vid\Photo Captions Promo.mp4"
                 type="video/mp4">
@@ -123,7 +123,7 @@ <h6>About Us </h6>
             <div class="row recent_update_text">
               <div class="col-lg-6">
                 <div class="chart_img">
-                  <img class="img-fluid" src="images/ha3.jpg" alt="">
+                  <img class="img-fluid" src="static/images/ha3.jpg" alt="">
                 </div>
               </div>
               <div class="col-lg-6">
@@ -142,7 +142,7 @@ <h6>Our Story</h6>
             <div class="row recent_update_text">
               <div class="col-lg-6">
                 <div class="chart_img">
-                  <img class="img-fluid" src="images/ha1.jpg" alt="">
+                  <img class="img-fluid" src="static/images/ha1.jpg" alt="">
                 </div>
               </div>
               <div class="col-lg-6">
@@ -161,7 +161,7 @@ <h6>Our Vision</h6>
             <div class="row recent_update_text">
               <div class="col-lg-6">
                 <div class="chart_img">
-                  <img class="img-fluid" src="images/ha4.jpg" alt="">
+                  <img class="img-fluid" src="static/images/ha4.jpg" alt="">
                 </div>
               </div>
               <div class="col-lg-6">
@@ -195,7 +195,7 @@ <h6>Learn More</h6>
         </div>
         <div class="col-lg-6">
           <div class="about_us_image_box justify-content-center">
-            <img class="img-fluid w-100" src="images/oh.jpeg" alt="">
+            <img class="img-fluid w-100" src="static/images/oh.jpeg" alt="">
           </div>
         </div>
       </div>

diff --git a/vars.env b/vars.env
@@ -0,0 +1,2 @@
+#.env
+UPLOAD_FOLDER=.\\static\\uploads