diff --git a/templates/menu/upload.html b/templates/menu/upload.html
new file mode 100644
index 0000000..b417223
--- /dev/null
+++ b/templates/menu/upload.html
@@ -0,0 +1,53 @@
+{% extends 'base.html' %}
+
+{% block header %}
+  <head>
+    <title>Drag and Drop File Upload</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+  </head>
+{% endblock %}
+
+{% block content %}
+</body>
+  <form method="post" enctype="multipart/form-data" action="localhost:5000/upload/uploader">
+    <div class="drop-zone">
+      <span class="drop-zone__prompt">Drop file here or click to upload</span>
+      <input type="file" name="file" class="drop-zone__input">
+      <input type="submit">
+    </div>
+  </form>
+  
+  
+<script type="text/javascript">
+  document.querySelectorAll(".drop-zone__input").forEach((inputElement) => {
+    const dropZoneElement = inputElement.closest(".drop-zone");
+      dropZoneElement.addEventListener("click", (e) => {
+      inputElement.click();
+    });
+
+    dropZoneElement.addEventListener("dragover", (e) => {
+      e.preventDefault();
+      dropZoneElement.classList.add("drop-zone--over");
+    });
+ 
+    ["dragleave", "dragend"].forEach((type) => {
+      dropZoneElement.addEventListener(type, (e) => {
+        dropZoneElement.classList.remove("drop-zone--over");
+      });
+    });
+    
+    dropZoneElement.addEventListener("drop", (e) => {
+      e.preventDefault();
+
+      if (e.dataTransfer.files.length) {
+        inputElement.files = e.dataTransfer.files;
+      }
+
+    dropZoneElement.classList.remove("drop-zone--over");
+    });
+  });
+  
+  </script>
+<body>
+{% endblock %}
\ No newline at end of file
diff --git a/upload.py b/upload.py
new file mode 100644
index 0000000..43d7b8d
--- /dev/null
+++ b/upload.py
@@ -0,0 +1,39 @@
+from flask import (
+    Blueprint, flash, g, redirect, render_template, request, session, url_for
+)
+from sqlalchemy import create_engine
+from sqlalchemy.orm import sessionmaker
+from auth import login_required
+
+from config import CONFIG 
+from create_db import User, Card
+
+import nextcloud_client
+
+bp = Blueprint('upload', __name__, url_prefix='/upload')
+
+engine = create_engine(CONFIG['DB_CONNECTION'])
+dbsessionmaker = sessionmaker(bind=engine)
+dbsession = dbsessionmaker()
+
+@bp.route("/", methods=("GET", "POST"))
+def index():
+    return render_template("menu/upload.html")
+
+
+@bp.route('/uploader', methods = ['GET', 'POST'])
+def upload_file():
+    print("heyy")
+    if request.method == 'POST':
+        #flask gets the file
+        upload = request.files["file"]
+        print("hello")
+
+        #upload to nc
+        #get public link
+
+        #update db
+        #predpostavlja title, ir, owner_id, item_location
+        #card = Card(title=name, interest_rate=-1.0, owner_id=1, item_location=public_link)
+        #dbsession.add(card)
+        #dbsession.commit()
