From 6b5718cdf36f8e791ad962ff609345c14dd05bab Mon Sep 17 00:00:00 2001
From: Rushit Shah <69100536+Rush-Shaw@users.noreply.github.com>
Date: Sat, 11 Jan 2025 17:31:42 -0500
Subject: [PATCH 01/11] Brought back the frontend

---
 .DS_Store                | Bin 0 -> 6148 bytes
 app.py                   | 314 +++++++++++++++++++++------------------
 static/.DS_Store         | Bin 0 -> 6148 bytes
 static/css/styles.css    |   0
 static/js/script.js      |   0
 templates/dashboard.html |  98 ++++++++++++
 templates/login.html     | 293 ++++++++++++++++++++++++++++++++++++
 templates/upload.html    |  32 ++++
 utils/verbwire.py        |   2 +-
 9 files changed, 590 insertions(+), 149 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 static/.DS_Store
 create mode 100644 static/css/styles.css
 create mode 100644 static/js/script.js
 create mode 100644 templates/dashboard.html
 create mode 100644 templates/login.html
 create mode 100644 templates/upload.html

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..602fc664ca482b311b7c15c5b58de09acb8aec2f
GIT binary patch
literal 6148
zcmeHK%}T>S5Z-O8O(;SR3Oz1(E!aN_#Y>3w1&ruHr6x_$V9b^#HHT8jSzpK}@p+ut
z-3q08@gP!WVCI|7&TP70%1(zd#=S+<Va#ESS)hm&8_YL?>!@2&F_9`DS9`>45*FDk
zOk}u~O@aT&0KU6@ma&`#pquaSJ)9+Rmbcp<yi%?0?bofk)v)gTM_KrJkS{VXnBU;1
zODU6Z?FZpiJT1n~;h9YHAWo-qRS-v0NV&a^(?}McT%=K^YJI(6*_J(an#*NxFl>oV
zx4&wM<*?gsiGFXeTG`go@yY4M_$hf#<*O!=!*5Q>fx$JrfwOU@D4Qf9d`B$USa|X0
zX(H1Hh_5$WZ$d~65Cg=(4l`h`Jgc$8XQZPM1H{1Z7{L2MfFimEOO5L40Ha0#z#4>=
zfRD2T)(C^H!BQivfN)(3s7tvSF}N;=xG;IH!BV3xXWR@Q+&r0^35Bbt!~R00Gwy06
zOAHVLn+)LW2jXD=KmU3DS4m`u0b*b`8Q`^%Kl0#grnhdL5__!xy$40Xyi(&=2{@`1
gLoT-BCa4mK3v>WogQZ4@fY2WSMFSaP;7=L&1U7Y24FCWD

literal 0
HcmV?d00001

diff --git a/app.py b/app.py
index 6ad4f3ff..0e135e72 100644
--- a/app.py
+++ b/app.py
@@ -1,39 +1,88 @@
 from pprint import pprint
-from flask import Flask, request, jsonify, redirect
-from flask_cors import CORS
+from flask import Flask, render_template, request, redirect, url_for, jsonify
+from utils.verbwire import get_wallet_nfts, update_nft_metadata
 import os
-import json
-import time
-from datetime import datetime
 
-# Import Verbwire helper functions
+# Import the refactored Verbwire helper functions
 from utils.verbwire import (
     mint_nft_from_metadata_url,
     get_wallet_nfts,
     check_transaction_status,
     update_nft_metadata,
-    upload_file_to_ipfs,
-    get_nft_details  # <-- We import this to fetch the NFT's metadata
+    upload_file_to_ipfs
 )
 
 app = Flask(__name__)
-CORS(app)
 
-@app.route('/login', methods=['POST'])
+# MetaMask Login Page
+@app.route("/")
 def login():
+    return render_template("login.html")
+
+# Dashboard Page
+@app.route("/dashboard", methods=["POST"])
+def dashboard():
+    wallet_address = request.form.get("wallet_address")
+
+    if not wallet_address:
+        return render_template("login.html", error="Wallet address is required.")
+
+    # Fetch NFTs for the wallet
+    nfts_response = get_wallet_nfts(wallet_address)
+
+    if "error" in nfts_response:
+        return render_template("login.html", error=nfts_response["error"])
+    print(nfts_response)
+    nfts = nfts_response.get("nfts", [])
+    print(nfts)
+    return render_template("dashboard.html", wallet_address=wallet_address, nfts=nfts)
+
+@app.route('/register', methods=['POST'])
+def register():
     """
-    User provides a wallet address, we fetch all NFTs they own.
-    Expects JSON: { "wallet_address": "<address>" }
+    Mint an NFT via Verbwire using a metadata URL.
+    Expects JSON:
+    {
+      "wallet_address": "<recipient_wallet>",
+      "metadata_url": "<ipfs_or_https>",
+      "chain": "<blockchain>"  (optional, defaults to "sepolia")
+    }
+    """
+    data = request.get_json()
+    wallet_address = data.get("wallet_address")
+    metadata_url = data.get("metadata_url")
+    chain = data.get("chain", "sepolia")
+
+    if not wallet_address or not metadata_url:
+        return jsonify({"error": "wallet_address and metadata_url are required"}), 400
+
+    resp = mint_nft_from_metadata_url(metadata_url, wallet_address, chain=chain)
+    pprint(resp)
+    return jsonify(resp), 200
+
+
+@app.route('/auth', methods=['POST'])
+def auth_user():
+    """
+    Checks whether a given wallet has any NFTs (via Verbwire's /nft/data/owned).
+    Expects JSON:
+    {
+      "wallet_address": "<address_to_verify>"
+    }
+    Returns the list of NFTs if any are found.
     """
     data = request.get_json()
     wallet_address = data.get("wallet_address")
     if not wallet_address:
         return jsonify({"error": "wallet_address is required"}), 400
 
+    # Default to chain="sepolia" and tokenType="nft721"
     nfts_response = get_wallet_nfts(wallet_address)
     pprint(nfts_response)
 
+    # If there's an error or the "nfts" list is empty, handle accordingly
     if "error" in nfts_response:
+        # Means we got some error from Verbwire
         return jsonify({
             "authenticated": False,
             "error": nfts_response["error"]
@@ -41,11 +90,7 @@ def login():
 
     nfts_list = nfts_response.get("nfts", [])
     if not nfts_list:
-        return jsonify({
-            "authenticated": False,
-            "error": "No NFTs found for this wallet address.",
-            "nfts": []
-        }), 200
+        return jsonify({"authenticated": False, "error": "No NFTs found for this wallet address."}), 404
 
     return jsonify({
         "authenticated": True,
@@ -54,97 +99,14 @@ def login():
     }), 200
 
 
-@app.route('/mint_file_nft', methods=['POST'])
-def mint_file_nft():
-    """
-    The user uploads a file -> we upload to IPFS -> we create minimal metadata referencing that file
-    -> we also upload that metadata to IPFS -> we mint an NFT from that metadata to the user's wallet.
-
-    Form-data:
-      wallet_address=...
-      chain=sepolia (optional)
-      file=@someLocalFile
-    """
-    wallet_address = request.form.get("wallet_address")
-    chain = request.form.get("chain", "sepolia")
-
-    if not wallet_address:
-        return jsonify({"error": "wallet_address is required"}), 400
-    if 'file' not in request.files:
-        return jsonify({"error": "No file in the request"}), 400
-
-    file = request.files['file']
-    if file.filename == '':
-        return jsonify({"error": "No selected file"}), 400
-
-    # 1. Upload the raw file to IPFS
-    file_path = f"/tmp/{file.filename}"
-    file.save(file_path)
-    try:
-        ipfs_resp = upload_file_to_ipfs(file_path)
-    finally:
-        os.remove(file_path)
-
-    if "error" in ipfs_resp:
-        return jsonify({
-            "error": "Failed to upload file to IPFS",
-            "details": ipfs_resp
-        }), 400
-
-    ipfs_url = ipfs_resp.get("ipfs_storage", {}).get("ipfs_url")
-    if not ipfs_url:
-        return jsonify({
-            "error": "Could not parse IPFS URL from response",
-            "response": ipfs_resp
-        }), 400
-
-    # 2. Create a minimal metadata JSON that references the file
-    metadata = {
-        "name": "My Uploaded File",
-        "description": "NFT representing a user-uploaded file",
-        "image": ipfs_url,
-        "date_created": datetime.utcnow().isoformat()
-    }
-    timestamp_str = str(int(time.time()))
-    temp_metadata_file = f"/tmp/metadata_{timestamp_str}.json"
-    with open(temp_metadata_file, 'w') as f:
-        json.dump(metadata, f)
-
-    # 3. Upload that JSON to IPFS
-    try:
-        meta_ipfs_resp = upload_file_to_ipfs(temp_metadata_file)
-    finally:
-        os.remove(temp_metadata_file)
-
-    if "error" in meta_ipfs_resp:
-        return jsonify({
-            "error": "Failed to upload metadata JSON to IPFS",
-            "details": meta_ipfs_resp
-        }), 400
-
-    metadata_ipfs_url = meta_ipfs_resp.get("ipfs_storage", {}).get("ipfs_url")
-    if not metadata_ipfs_url:
-        return jsonify({
-            "error": "Could not parse IPFS URL for metadata",
-            "response": meta_ipfs_resp
-        }), 400
-
-    # 4. Mint NFT from the metadata IPFS URL
-    mint_resp = mint_nft_from_metadata_url(metadata_ipfs_url, wallet_address, chain=chain)
-
-    return jsonify({
-        "minted": True,
-        "wallet_address": wallet_address,
-        "metadata_ipfs_url": metadata_ipfs_url,
-        "mint_response": mint_resp
-    }), 200
-
-
 @app.route('/check_status', methods=['POST'])
 def check_status():
     """
     Check the status of a minting transaction by ID.
-    Expects JSON: { "transaction_id": "...someTxID..." }
+    Expects JSON:
+    {
+      "transaction_id": "<verbwire_transaction_id>"
+    }
     """
     data = request.get_json()
     transaction_id = data.get("transaction_id")
@@ -157,66 +119,122 @@ def check_status():
     return jsonify(resp), 200
 
 
-@app.route('/update_metadata', methods=['POST'])
-def update_metadata_endpoint():
+@app.route("/update_metadata", methods=["POST"])
+def update_metadata():
     """
-    Directly updates an NFT's on-chain metadata to a new URI.
-
-    Expects JSON:
-    {
-      "contract_address": "...",
-      "token_id": "...",
-      "new_token_uri": "...",
-      "chain": "sepolia" (optional)
-    }
+    Updates the metadata of an existing NFT.
+    Handles both JSON and form data.
     """
-    data = request.get_json()
-    contract_address = data.get("contract_address")
-    token_id = data.get("token_id")
-    new_token_uri = data.get("new_token_uri")
-    chain = data.get("chain", "sepolia")
-
-    if not contract_address or not token_id or not new_token_uri:
-        return jsonify({
-            "error": "contract_address, token_id, and new_token_uri are required"
-        }), 400
 
-    resp = update_nft_metadata(
+    # Check if the data is coming as JSON or form data
+    if request.is_json:
+        # Handle JSON data
+        data = request.get_json()
+        contract_address = data.get("contract_address")
+        token_id = data.get("token_id")
+        new_token_uri = data.get("new_token_uri")
+        chain = data.get("chain", "sepolia")  # Default to "sepolia"
+    else:
+        # Handle form data
+        contract_address = request.form.get("contract_address")
+        token_id = request.form.get("token_id")
+        new_token_uri = request.form.get("new_token_uri")
+        chain = request.form.get("chain", "sepolia")  # Default to "sepolia"
+
+    # Validate required fields
+    if not all([contract_address, token_id, new_token_uri]):
+        return jsonify({"error": "contract_address, token_id, and new_token_uri are required"}), 400
+
+    # Call the utility function to update NFT metadata
+    update_response = update_nft_metadata(
         contract_address=contract_address,
         token_id=token_id,
         new_token_uri=new_token_uri,
         chain=chain
     )
-    pprint(resp)
-    return jsonify(resp), 200
 
+    # Handle response from the utility function
+    if "error" in update_response:
+        return jsonify({"error": update_response["error"]}), 400
+
+    # Redirect to the dashboard if using form data or return JSON response
+    if not request.is_json:
+        return redirect(url_for("dashboard"))
+    
+    return jsonify(update_response), 200
 
-@app.route('/view_nft_image', methods=['POST'])
+
+
+@app.route('/upload_file', methods=['POST'])
+def upload_file():
+    """
+    Upload a local file to IPFS via Verbwire's /nft/store/file endpoint.
+    Expects a multipart/form-data with { "file": <the_file> }
+    """
+    if 'file' not in request.files:
+        return jsonify({"error": "No file part in the request"}), 400
+
+    file = request.files['file']
+    if file.filename == '':
+        return jsonify({"error": "No selected file"}), 400
+
+    file_path = f"/tmp/{file.filename}"
+    file.save(file_path)
+
+    try:
+        resp = upload_file_to_ipfs(file_path)
+        pprint(resp)
+        return jsonify(resp), 200
+    finally:
+        os.remove(file_path)
+
+@app.route('/upload', methods=['GET', 'POST'])
+def upload_page():
+    """
+    Handles the upload page and processes file uploads.
+    """
+    if request.method == 'POST':
+        if 'file' not in request.files:
+            return render_template('upload.html', error="No file part in the request.")
+        
+        file = request.files['file']
+        if file.filename == '':
+            return render_template('upload.html', error="No selected file.")
+        
+        file_path = f"/tmp/{file.filename}"
+        file.save(file_path)
+
+        try:
+            resp = upload_file_to_ipfs(file_path)
+            # Add success data to pass to the template
+            return render_template('upload.html', success=resp)
+        finally:
+            os.remove(file_path)
+    
+    return render_template('upload.html')
+
+@app.route('/view_nft_image', methods=['GET'])
 def view_nft_image():
     """
     Calls Verbwire's getNFTDetails endpoint to retrieve the NFT metadata,
     then redirects to the 'image' URL in the metadata.
 
-    Expects JSON:
-    {
-      "contract_address": "<NFT contract>",
-      "token_id": "<NFT token ID>",
-      "chain": "sepolia" (optional)
-    }
-
-    If found, we do a 302 redirect to the 'image' link from the metadata.
+    Query Parameters:
+      - contract_address: NFT contract address
+      - token_id: NFT token ID
+      - chain: Blockchain network (default: "sepolia")
     """
-    data = request.get_json()
-    contract_address = data.get("contract_address")
-    token_id = data.get("token_id")
-    chain = data.get("chain", "sepolia")
+    contract_address = request.args.get("contract_address")
+    token_id = request.args.get("token_id")
+    chain = request.args.get("chain", "sepolia")
 
     if not contract_address or not token_id:
-        return jsonify({"error": "contract_address and token_id are required"}), 400
+        return jsonify({"error": "Missing contract_address or token_id"}), 400
 
-    # Step 1: Get NFT details from Verbwire
+    # Step 1: Fetch NFT details using the Verbwire helper
     from utils.verbwire import get_nft_details
     details = get_nft_details(contract_address, token_id, chain=chain, populate_metadata=True)
+
     if "error" in details:
         return jsonify({"error": details["error"]}), 400
 
@@ -225,14 +243,14 @@ def view_nft_image():
     image_url = metadata.get("image")
 
     if not image_url:
-        return jsonify({
-            "error": "No image URL found in NFT metadata.",
-            "metadata": metadata
-        }), 400
+        return jsonify({"error": "Image URL not found in NFT metadata."}), 404
 
-    # Step 2: Redirect the user to that image URL
+    # Step 2: Redirect to the image URL
     return redirect(image_url, code=302)
 
 
+
 if __name__ == '__main__':
     app.run(debug=True)
+
+
diff --git a/static/.DS_Store b/static/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..c384eb60ef817422316b02be4968c223281e004e
GIT binary patch
literal 6148
zcmeHK!HN?>5Uoz)ZpTH*L1B*#9u1i6E(?p7*%(0(JUF5Ul{m8#va`-ihfHD)AuwmX
zc=aNFgD1a05byqgKVnsPElD;LZ;C5jQ2n~Qs=BHlO!qVZh|VNx12h0Yq7v4wVpAey
zCtZ^Y&s;|ov_?J*6CL8{OE_Hfb`y>P$H2eF0DZevIDs7UaJu~cCUHJ)wSI_7wRUA|
zTW-r8`O-htQ-2(cCwV6rJ*UwVt&{M)AB0ci{<PP)aZhLCAkO+D6A(vzbb0YC&LTbS
z=t&mkCf2tGS(o)*V|O;&KRjxx_TIs~sb)uet)@EIKb+6&^5(5OcOUm&CuyeNTKWW@
zHb$;7p2Iur@NSYp+dt9i@;StoRCl|4PRZ{-)r0pRz8){)QXT!qIy~L9>KlKQB|016
zN>tqz#E?P&1L#9uQp<{cxuUagw;ypu7kn0VZSpCpt^#MJ`OW-t-jAO?Kjge@TjaZF
zE6Iafc5=xW;IByTT(Y`dxsCzHz@KM;&Ig4`=rI-+&C!94c>*BTaM}p==`BGqiqT^%
zETRQP*ib|pD)@;ZY&gy<_VXAEi#8ktKRyI!7W_gHCOfXLj5`R=qH7%kj)7GMs&?3*
z`~Uvt_y1~;8#x9X1OF8RqSp1h9o!P%t!ta3yH=sTLM0);!lDVmhOcAOp{sZo)d<=Y
Xbr3zq!XnO~xE}#SgKHcEf0cn>e5;x=

literal 0
HcmV?d00001

diff --git a/static/css/styles.css b/static/css/styles.css
new file mode 100644
index 00000000..e69de29b
diff --git a/static/js/script.js b/static/js/script.js
new file mode 100644
index 00000000..e69de29b
diff --git a/templates/dashboard.html b/templates/dashboard.html
new file mode 100644
index 00000000..eb9d5c5d
--- /dev/null
+++ b/templates/dashboard.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Dashboard</title>
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+    </head>
+    <body>
+        <div class="container">
+            <h1>Welcome, {{ wallet_address }}</h1>
+            <h2>Your NFTs</h2>
+            {% if nfts %}
+                <ul>
+                    {% for nft in nfts %}
+                        <li>
+                            <h3>{{ nft.tokenName }}</h3>
+                            <p><strong>Token ID:</strong> {{ nft.tokenID }}</p>
+                            <p><strong>Contract Address:</strong> {{ nft.contractAddress }}</p>
+                            <p><strong>Token Symbol:</strong> {{ nft.tokenSymbol }}</p>
+                            <a href="{{ url_for('view_nft_image', contract_address=nft.contractAddress, token_id=nft.tokenID, chain='sepolia') }}" target="_blank">
+                                View NFT Image
+                            </a>
+                        </li>
+                    {% endfor %}
+                </ul>
+            {% else %}
+                <p>No NFTs found for this wallet address.</p>
+            {% endif %}
+            <a href="{{ url_for('upload_page') }}">Upload Documents</a>
+        </div>
+        <script>
+            async function displayNFT(contractAddress, tokenID) {
+                const nftDiv = document.getElementById(`nft-${tokenID}`);
+                if (nftDiv.style.display === 'none') {
+                    nftDiv.style.display = 'block';
+    
+                    // Fetch NFT metadata from your backend or blockchain service
+                    const response = await fetch(`/get_nft_details?contractAddress=${contractAddress}&tokenID=${tokenID}`);
+                    const data = await response.json();
+    
+                    // Update the div with the NFT details (e.g., image and metadata)
+                    if (response.ok && data.image_url) {
+                        nftDiv.innerHTML = `
+                            <img src="${data.image_url}" alt="NFT Image" style="max-width: 200px;">
+                            <p><strong>Description:</strong> ${data.description || 'No description available.'}</p>
+                        `;
+                    } else {
+                        nftDiv.innerHTML = `<p>Error: ${data.error || 'Could not fetch NFT details.'}</p>`;
+                    }
+                } else {
+                    nftDiv.style.display = 'none'; // Toggle visibility
+                }
+            }
+        </script>
+    <div class="upload-section">
+        <h2>Upload Your Documents</h2>
+        <form id="uploadForm" method="POST" enctype="multipart/form-data">
+            <label for="file">Select Document:</label>
+            <input type="file" id="file" name="file" accept=".pdf,.doc,.docx,.jpg,.png" required>
+            <button type="submit">Upload</button>
+        </form>
+        <p id="upload-status"></p>
+    </div>
+    
+    <script>
+        const uploadForm = document.getElementById('uploadForm');
+        const uploadStatus = document.getElementById('upload-status');
+    
+        uploadForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            uploadStatus.textContent = 'Uploading...';
+    
+            const formData = new FormData();
+            const fileInput = document.getElementById('file');
+            formData.append('file', fileInput.files[0]);
+    
+            try {
+                const response = await fetch('/upload_file', {
+                    method: 'POST',
+                    body: formData,
+                });
+    
+                const result = await response.json();
+                if (response.ok) {
+                    uploadStatus.textContent = 'File uploaded successfully!';
+                    console.log('Upload result:', result);
+                } else {
+                    uploadStatus.textContent = `Error: ${result.error || 'Failed to upload file.'}`;
+                }
+            } catch (error) {
+                console.error('Error during file upload:', error);
+                uploadStatus.textContent = 'An error occurred while uploading. Please try again.';
+            }
+        });
+    </script> 
+</body>
+</html>
diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 00000000..f9e5d981
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,293 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CIBC Online Banking</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: Arial, sans-serif;
+        }
+
+        .header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 1rem;
+            border-bottom: 1px solid #e5e5e5;
+        }
+
+        .logo {
+            color: #C41F3E;
+            font-size: 24px;
+            font-weight: bold;
+        }
+
+        .header-right {
+            display: flex;
+            align-items: center;
+            gap: 1rem;
+        }
+
+        .search-bar {
+            display: flex;
+            align-items: center;
+            background: #f5f5f5;
+            padding: 0.5rem;
+            border-radius: 20px;
+            border: 1px solid #ccc;
+            width: 250px;
+        }
+
+        .search-bar input {
+            border: none;
+            outline: none;
+            background: transparent;
+            flex: 1;
+            padding: 0.5rem;
+        }
+
+        .search-bar img {
+            width: 20px;
+            height: 20px;
+        }
+
+        .header-icon {
+            width: 24px;
+            height: 24px;
+            cursor: pointer;
+        }
+
+        .nav {
+            border-bottom: 1px solid #e5e5e5;
+            padding: 1rem;
+        }
+
+        .nav-links {
+            display: flex;
+            justify-content: center; /* Center the navigation links */
+            gap: 2rem;
+            list-style: none;
+        }
+
+        .nav-links a {
+            color: #444;
+            text-decoration: none;
+            font-size: 16px;
+        }
+
+        .alert {
+            background-color: #f0f4f8;
+            padding: 1rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+
+        .main-content-wrapper {
+            background: #ffe6e6; /* Light pinkish red */
+            padding: 1.5rem;
+            border-radius: 8px;
+            margin: 2rem auto;
+            max-width: 1200px;
+        }
+
+        .main-content {
+            display: flex;
+            justify-content: space-between;
+            gap: 2rem;
+        }
+
+        .promo, .login-form {
+            background: white;
+            padding: 2rem;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            flex: 1;
+        }
+
+        .promo {
+            text-align: center;
+        }
+
+        .special-offer {
+            background: #1D4F91;
+            color: white;
+            padding: 0.5rem 1rem;
+            border-radius: 20px;
+            display: inline-block;
+            font-size: 14px;
+        }
+
+        .login-form h1 {
+            margin-bottom: 1rem;
+            font-size: 24px;
+            color: #444;
+        }
+
+        .form-group {
+            margin-bottom: 1.5rem;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 0.5rem;
+            color: #444;
+        }
+
+        input[type="text"] {
+            width: 100%;
+            padding: 0.5rem;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+
+        .wallet-button {
+            width: 100%;
+            background: #C41F3E;
+            color: white;
+            font-size: 1rem;
+            border: none;
+            padding: 0.75rem 1rem;
+            border-radius: 4px;
+            cursor: pointer;
+            margin-top: 1rem;
+        }
+
+        .wallet-button:hover {
+            background: #A61834;
+        }
+
+        .error-message {
+            color: #C41F3E;
+            font-size: 14px;
+            margin-top: 1rem;
+        }
+
+        .security-links {
+            margin-top: 1rem;
+        }
+
+        .security-links a {
+            color: #444;
+            text-decoration: underline;
+            display: block;
+            margin-top: 0.5rem;
+        }
+    </style>
+</head>
+<body>
+    <header class="header">
+        <div class="logo">CIBC◊</div>
+        <div class="header-right">
+            <!-- Search Bar -->
+            <div class="search-bar">
+                <input type="text" placeholder="Search">
+                <img src="https://upload.wikimedia.org/wikipedia/commons/6/6d/Magnifying_glass_icon.svg" alt="Search">
+            </div>
+            <!-- Maps Icon -->
+            <img src="https://upload.wikimedia.org/wikipedia/commons/9/94/Google_Maps_icon.svg" alt="Maps" class="header-icon">
+            <!-- Chat Icon -->
+            <img src="https://upload.wikimedia.org/wikipedia/commons/3/34/Chat_icon.svg" alt="Chat" class="header-icon">
+        </div>
+    </header>
+
+    <nav class="nav">
+        <ul class="nav-links">
+            <li><a href="#">Bank Accounts</a></li>
+            <li><a href="#">Credit Cards</a></li>
+            <li><a href="#">Mortgages</a></li>
+            <li><a href="#">Lending</a></li>
+            <li><a href="#">Investments</a></li>
+            <li><a href="#">Insurance</a></li>
+            <li><a href="#">Ways to Bank</a></li>
+            <li><a href="#">Smart Advice</a></li>
+        </ul>
+    </nav>
+
+    <div class="alert">
+        <span>ℹ️</span>
+        <p>As a result of the recent Canada Post service disruption, mail from CIBC will be delayed as service returns to normal. <a href="#">Learn more</a></p>
+    </div>
+
+    <div class="main-content-wrapper">
+        <div class="main-content">
+            <div class="promo">
+                <span class="special-offer">Special bundle offer</span>
+                <h2 style="margin: 1rem 0; font-size: 2rem;">Get up to $600† cash!</h2>
+                <p>Open a CIBC Smart™ Account as your first chequing account, then open your first CIBC eAdvantage® Savings Account and complete all qualifying actions.</p>
+                <p style="font-size: 14px; color: #666; margin: 1rem 0;">Conditions apply.†</p>
+                <a href="#" class="learn-more">Learn more</a>
+            </div>
+
+            <div class="login-form">
+                <h1>Login</h1>
+                {% if error %}
+                    <p class="error-message">{{ error }}</p>
+                {% endif %}
+                <form method="POST" action="{{ url_for('dashboard') }}">
+                    <div class="form-group">
+                        <label for="wallet_address">Wallet Address:</label>
+                        <input type="text" id="wallet_address" name="wallet_address" required>
+                    </div>
+                    <button type="submit" class="wallet-button">Sign on with MetaMask</button>
+                </form>
+                <p id="error-message" class="error-message"></p>
+                <div class="security-links">
+                    <a href="#">🔒 Security guaranteed</a>
+                    <a href="#">Electronic access agreement</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        async function connectWallet() {
+            const errorMessage = document.getElementById("error-message");
+
+            // Ensure MetaMask is installed
+            if (typeof window.ethereum === "undefined") {
+                errorMessage.textContent = "MetaMask is not installed. Please install it to continue.";
+                console.error("MetaMask is not installed. Visit https://metamask.io to install it.");
+                return;
+            }
+
+            try {
+                // Request account access
+                const accounts = await window.ethereum.request({ method: "eth_requestAccounts" });
+
+                if (!accounts || accounts.length === 0) {
+                    throw new Error("No accounts found. Please ensure your wallet is unlocked.");
+                }
+
+                const walletAddress = accounts[0];
+                console.log("Connected wallet:", walletAddress);
+
+                // Make a POST request to authenticate the wallet
+                const response = await fetch("/auth", {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify({ wallet_address: walletAddress }),
+                });
+
+                const result = await response.json();
+                if (response.ok) {
+                    console.log("Authentication successful:", result);
+                    window.location.href = "/dashboard"; // Redirect to the dashboard
+                } else {
+                    console.error("Authentication failed:", result);
+                    errorMessage.textContent = result.error || "Failed to authenticate. Please try again.";
+                }
+            } catch (error) {
+                console.error("Error during MetaMask connection:", error);
+                errorMessage.textContent = "An error occurred while connecting to MetaMask. Please try again.";
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/templates/upload.html b/templates/upload.html
new file mode 100644
index 00000000..654d78e8
--- /dev/null
+++ b/templates/upload.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Upload Documents</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+</head>
+<body>
+    <div class="container">
+        <h1>Upload Your Documents</h1>
+        {% if error %}
+            <p class="error-message">{{ error }}</p>
+        {% elif success %}
+            <p class="success-message">File uploaded successfully!</p>
+            <ul>
+                <li><strong>File Name:</strong> {{ success.fileName or 'N/A' }}</li>
+                <li>
+                    <strong>IPFS URL:</strong> 
+                    <a href="{{ success.ipfsUrl }}" target="_blank">{{ success.ipfsUrl }}</a>
+                </li>
+            </ul>
+        {% endif %}
+        <form method="POST" action="{{ url_for('upload_page') }}" enctype="multipart/form-data">
+            <label for="file">Select Document:</label>
+            <input type="file" id="file" name="file" accept=".pdf,.doc,.docx,.jpg,.png" required>
+            <button type="submit">Upload</button>
+        </form>
+        <a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
+    </div>
+</body>
+</html>
diff --git a/utils/verbwire.py b/utils/verbwire.py
index 53e8a7a7..bd221f92 100644
--- a/utils/verbwire.py
+++ b/utils/verbwire.py
@@ -187,4 +187,4 @@ def get_nft_details(contract_address, token_id, chain="sepolia", populate_metada
         return {
             "error": "Failed to parse JSON from Verbwire response.",
             "raw": response.text
-        }
+        }
\ No newline at end of file

From a2718ad27641e663f1408ad01a2b70ac1bbf97ef Mon Sep 17 00:00:00 2001
From: zayedu <umerzayed1@gmail.com>
Date: Sat, 11 Jan 2025 18:05:50 -0500
Subject: [PATCH 02/11] feat: fix view button

---
 app.py | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/app.py b/app.py
index 0e135e72..be2002fc 100644
--- a/app.py
+++ b/app.py
@@ -1,4 +1,6 @@
 from pprint import pprint
+
+import requests
 from flask import Flask, render_template, request, redirect, url_for, jsonify
 from utils.verbwire import get_wallet_nfts, update_nft_metadata
 import os
@@ -234,19 +236,19 @@ def view_nft_image():
     # Step 1: Fetch NFT details using the Verbwire helper
     from utils.verbwire import get_nft_details
     details = get_nft_details(contract_address, token_id, chain=chain, populate_metadata=True)
-
+    ipfs_uri = details.get('nft_details').get("tokenURI")
+    ipfs = requests.get(ipfs_uri)
+    image_uri = ipfs.json().get("image")
     if "error" in details:
         return jsonify({"error": details["error"]}), 400
 
-    nft_details = details.get("nft_details", {})
-    metadata = nft_details.get("metadata", {})
-    image_url = metadata.get("image")
+    # Extract the image URL from the metadata
 
-    if not image_url:
+    if not image_uri:
         return jsonify({"error": "Image URL not found in NFT metadata."}), 404
 
     # Step 2: Redirect to the image URL
-    return redirect(image_url, code=302)
+    return redirect(image_uri, code=302)
 
 
 

From 7dd37c1328763d57c0a19cc3d71203dc6fbfaf60 Mon Sep 17 00:00:00 2001
From: zayedu <umerzayed1@gmail.com>
Date: Sat, 11 Jan 2025 21:39:24 -0500
Subject: [PATCH 03/11] feat: update view data

---
 .DS_Store                | Bin 6148 -> 6148 bytes
 .gitignore               |   3 +-
 app.py                   |  56 ++++++++++------------
 templates/dashboard.html | 101 +++++++++++++++++++++++----------------
 templates/upload.html    |   6 ++-
 utils/verbwire.py        |  27 +++++++++++
 6 files changed, 120 insertions(+), 73 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index 602fc664ca482b311b7c15c5b58de09acb8aec2f..97175cdaaed56b962579370d76d0a3947d4519b5 100644
GIT binary patch
delta 492
zcmaKpJxjw-7==%7szwdeA$C$o_YkV3)s7vV9drwA3|h!X^Pwmr?a<A|kRRbvRLGAL
zr+5+(VhY~N3-@xLb2#sNm)&Ler7fB}NzhJ=&b|Vm0qg-5#;hCIFtd*ID$R?hU6|Z6
zJXD`yo;kiXar_AhDluXidAWE3Hfc5EHVS2peP3fk(jKnh!>zI!gB|_{rw3x89`^>i
zb~GG5>DuFI??l)7gJJq1`tyqG-FfIazIRPCw#vjIn+$M^X?b#a^AICq-Wd0Yt0^dX
zUJDVC8?&acYV6l9+stzyQ-spE*d}Si<t&_1Wh45l5=FA={5F`aaChotIqB8Uq?6z+
a+mc%{|C0apDWxrSB(pz3Gh~<QO8N%pe}5nV

delta 87
zcmZoMXfc=|#>B)qu~2NHo}wr-0|Nsi1A_nqLncFVQh9MfQcix-#=_-{jLe(AvGOo(
o7U2+Pnb>e=Gdl-A2T<E)L5}atlles)Ie;2LI$1VHh^%1-0GJ&VJ^%m!

diff --git a/.gitignore b/.gitignore
index 1b5c3a24..f9efe28f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -182,4 +182,5 @@ fabric.properties
 .idea/caches/build_file_checksums.ser
 
 # idea folder, uncomment if you don't need it
-.idea
\ No newline at end of file
+.idea
+random/
\ No newline at end of file
diff --git a/app.py b/app.py
index be2002fc..44293ec3 100644
--- a/app.py
+++ b/app.py
@@ -1,7 +1,7 @@
 from pprint import pprint
 
 import requests
-from flask import Flask, render_template, request, redirect, url_for, jsonify
+from flask import Flask, render_template, request, redirect, url_for, jsonify, session
 from utils.verbwire import get_wallet_nfts, update_nft_metadata
 import os
 
@@ -11,7 +11,8 @@
     get_wallet_nfts,
     check_transaction_status,
     update_nft_metadata,
-    upload_file_to_ipfs
+    upload_file_to_ipfs,
+    store_file_as_metadata,
 )
 
 app = Flask(__name__)
@@ -19,13 +20,13 @@
 # MetaMask Login Page
 @app.route("/")
 def login():
+
     return render_template("login.html")
 
 # Dashboard Page
 @app.route("/dashboard", methods=["POST"])
 def dashboard():
     wallet_address = request.form.get("wallet_address")
-
     if not wallet_address:
         return render_template("login.html", error="Wallet address is required.")
 
@@ -41,15 +42,6 @@ def dashboard():
 
 @app.route('/register', methods=['POST'])
 def register():
-    """
-    Mint an NFT via Verbwire using a metadata URL.
-    Expects JSON:
-    {
-      "wallet_address": "<recipient_wallet>",
-      "metadata_url": "<ipfs_or_https>",
-      "chain": "<blockchain>"  (optional, defaults to "sepolia")
-    }
-    """
     data = request.get_json()
     wallet_address = data.get("wallet_address")
     metadata_url = data.get("metadata_url")
@@ -169,10 +161,7 @@ def update_metadata():
 
 @app.route('/upload_file', methods=['POST'])
 def upload_file():
-    """
-    Upload a local file to IPFS via Verbwire's /nft/store/file endpoint.
-    Expects a multipart/form-data with { "file": <the_file> }
-    """
+
     if 'file' not in request.files:
         return jsonify({"error": "No file part in the request"}), 400
 
@@ -180,26 +169,38 @@ def upload_file():
     if file.filename == '':
         return jsonify({"error": "No selected file"}), 400
 
+    wallet_address = request.form.get("wallet_address")
+    if not wallet_address:
+        return jsonify({"error": "No wallet address provided"}), 400
+
     file_path = f"/tmp/{file.filename}"
     file.save(file_path)
+    name = request.form.get("name", "Bank statement")
+    description = request.form.get("description", "Statement form")
 
     try:
-        resp = upload_file_to_ipfs(file_path)
-        pprint(resp)
-        return jsonify(resp), 200
+        resp = store_file_as_metadata(file_path, name=name, description=description)
+        ipfs_url = resp.get("ipfs_storage").get("ipfs_url")
+        response = mint_nft_from_metadata_url(ipfs_url, wallet_address, chain="sepolia")
+        return redirect(url_for(dashboard), wallet_address = wallet_address)
     finally:
         os.remove(file_path)
 
+
 @app.route('/upload', methods=['GET', 'POST'])
 def upload_page():
     """
     Handles the upload page and processes file uploads.
     """
+    print("hello")
     if request.method == 'POST':
         if 'file' not in request.files:
             return render_template('upload.html', error="No file part in the request.")
         
         file = request.files['file']
+        name =  "BAnk statement"
+        description = "statemnt form"
+
         if file.filename == '':
             return render_template('upload.html', error="No selected file.")
         
@@ -207,9 +208,10 @@ def upload_page():
         file.save(file_path)
 
         try:
-            resp = upload_file_to_ipfs(file_path)
+            response = store_file_as_metadata(file_path, name=name, description=description)
+            print("hello")
             # Add success data to pass to the template
-            return render_template('upload.html', success=resp)
+            return render_template('upload.html', success=response)
         finally:
             os.remove(file_path)
     
@@ -238,19 +240,13 @@ def view_nft_image():
     details = get_nft_details(contract_address, token_id, chain=chain, populate_metadata=True)
     ipfs_uri = details.get('nft_details').get("tokenURI")
     ipfs = requests.get(ipfs_uri)
-    image_uri = ipfs.json().get("image")
+
+    metadata = details.get("nft_details").get("metadata")
     if "error" in details:
         return jsonify({"error": details["error"]}), 400
 
-    # Extract the image URL from the metadata
-
-    if not image_uri:
-        return jsonify({"error": "Image URL not found in NFT metadata."}), 404
-
     # Step 2: Redirect to the image URL
-    return redirect(image_uri, code=302)
-
-
+    return jsonify(metadata)
 
 if __name__ == '__main__':
     app.run(debug=True)
diff --git a/templates/dashboard.html b/templates/dashboard.html
index eb9d5c5d..c0ee0ab8 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -53,46 +53,65 @@ <h3>{{ nft.tokenName }}</h3>
                 }
             }
         </script>
-    <div class="upload-section">
-        <h2>Upload Your Documents</h2>
-        <form id="uploadForm" method="POST" enctype="multipart/form-data">
-            <label for="file">Select Document:</label>
-            <input type="file" id="file" name="file" accept=".pdf,.doc,.docx,.jpg,.png" required>
-            <button type="submit">Upload</button>
-        </form>
-        <p id="upload-status"></p>
-    </div>
-    
-    <script>
-        const uploadForm = document.getElementById('uploadForm');
-        const uploadStatus = document.getElementById('upload-status');
-    
-        uploadForm.addEventListener('submit', async (e) => {
-            e.preventDefault();
-            uploadStatus.textContent = 'Uploading...';
-    
-            const formData = new FormData();
-            const fileInput = document.getElementById('file');
-            formData.append('file', fileInput.files[0]);
-    
-            try {
-                const response = await fetch('/upload_file', {
-                    method: 'POST',
-                    body: formData,
-                });
-    
-                const result = await response.json();
-                if (response.ok) {
-                    uploadStatus.textContent = 'File uploaded successfully!';
-                    console.log('Upload result:', result);
-                } else {
-                    uploadStatus.textContent = `Error: ${result.error || 'Failed to upload file.'}`;
+        <div class="upload-section">
+            <h2>Upload Your Documents</h2>
+            <form id="uploadForm" method="POST" action="{{ url_for('upload_file') }}" enctype="multipart/form-data">
+                <label for="file">Select Document:</label>
+                <input type="file" id="file" name="file" accept=".pdf,.doc,.docx,.jpg,.png,.json" required>
+
+                <label for="name">Name:</label>
+                <input type="text" id="name" name="name" placeholder="Enter document name" required>
+
+                <label for="description">Description:</label>
+                <textarea id="description" name="description" placeholder="Enter document description" required></textarea>
+
+                <!-- Hidden input to store the wallet address -->
+                <input type="hidden" id="walletAddress" value="{{ wallet_address }}">
+
+                <button type="submit">Upload</button>
+            </form>
+            <p id="upload-status"></p>
+        </div>
+
+        <script>
+            const uploadForm = document.getElementById('uploadForm');
+            const uploadStatus = document.getElementById('upload-status');
+
+            uploadForm.addEventListener('submit', async (e) => {
+                e.preventDefault();
+                uploadStatus.textContent = 'Uploading...';
+
+                const formData = new FormData();
+                const fileInput = document.getElementById('file');
+                const nameInput = document.getElementById('name');
+                const descriptionInput = document.getElementById('description');
+                const walletAddress = document.getElementById('walletAddress').value;
+
+                // Append file, name, description, and wallet address to form data
+                formData.append('file', fileInput.files[0]);
+                formData.append('name', nameInput.value);
+                formData.append('description', descriptionInput.value);
+                formData.append('wallet_address', walletAddress);
+
+                try {
+                    const response = await fetch('/upload_file', {
+                        method: 'POST',
+                        body: formData,
+                    });
+
+                    const result = await response.json();
+                    if (response.ok) {
+                        uploadStatus.textContent = 'File uploaded successfully!';
+                        console.log('Upload result:', result);
+                    } else {
+                        uploadStatus.textContent = `Error: ${result.error || 'Failed to upload file.'}`;
+                    }
+                } catch (error) {
+                    console.error('Error during file upload:', error);
+                    uploadStatus.textContent = 'An error occurred while uploading. Please try again.';
                 }
-            } catch (error) {
-                console.error('Error during file upload:', error);
-                uploadStatus.textContent = 'An error occurred while uploading. Please try again.';
-            }
-        });
-    </script> 
-</body>
+            });
+        </script>
+
+    </body>
 </html>
diff --git a/templates/upload.html b/templates/upload.html
index 654d78e8..0d3a524c 100644
--- a/templates/upload.html
+++ b/templates/upload.html
@@ -23,9 +23,13 @@ <h1>Upload Your Documents</h1>
         {% endif %}
         <form method="POST" action="{{ url_for('upload_page') }}" enctype="multipart/form-data">
             <label for="file">Select Document:</label>
-            <input type="file" id="file" name="file" accept=".pdf,.doc,.docx,.jpg,.png" required>
+            <input type="file" id="file" name="file" accept=".pdf,.doc,.docx,.jpg,.png,.json" required>
+
+            <!-- Hidden input to pass the wallet_address -->
+            <input type="hidden" name="wallet_address" value="{{ wallet_address }}">
             <button type="submit">Upload</button>
         </form>
+
         <a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
     </div>
 </body>
diff --git a/utils/verbwire.py b/utils/verbwire.py
index bd221f92..e7a8a990 100644
--- a/utils/verbwire.py
+++ b/utils/verbwire.py
@@ -17,6 +17,7 @@
 UPDATE_METADATA_ENDPOINT = f"{VERBWIRE_BASE_URL}/nft/update/updateTokenMetadata"
 STORE_FILE_ENDPOINT = f"{VERBWIRE_BASE_URL}/nft/store/file"
 NFT_DETAILS_ENDPOINT = f"{VERBWIRE_BASE_URL}/nft/data/nftDetails"
+STORE_AS_METADATA_ENDPOINT = f"{VERBWIRE_BASE_URL}/nft/store/metadataFromImage"
 
 
 def mint_nft_from_metadata_url(metadata_url, wallet_address, chain="sepolia"):
@@ -124,6 +125,32 @@ def update_nft_metadata(contract_address, token_id, new_token_uri, chain="sepoli
             "raw": response.text
         }
 
+def store_file_as_metadata(file_path,name,description,chain = 'sepolia'):
+
+    headers = {
+        "X-API-Key": VERBWIRE_API_KEY,
+        "accept": "application/json"
+    }
+    payload ={
+        "name": name,
+        "description": description
+    }
+
+    with open(file_path, "rb") as f:
+        files = {"filePath": f}
+        response = requests.post(STORE_AS_METADATA_ENDPOINT, data=payload,headers = headers, files=files)
+
+    try:
+        json_resp = response.json()
+        pprint(json_resp)  # For debugging
+        return json_resp
+    except Exception:
+        return {
+            "error": "Failed to parse JSON from Verbwire response.",
+            "raw": response.text
+        }
+
+
 
 def upload_file_to_ipfs(file_path):
     """

From 6a0032e7c329c7fc29662e3aa2a3d7492340043f Mon Sep 17 00:00:00 2001
From: Rushit Shah <69100536+Rush-Shaw@users.noreply.github.com>
Date: Sat, 11 Jan 2025 23:17:48 -0500
Subject: [PATCH 04/11] integrated cohere api

---
 app.py                   | 108 ++++++++++++++++++++++++++++++++++++---
 templates/dashboard.html |  44 ++++++++++++++++
 utils/cohere.py          |  86 +++++++++++++++++++++++++++++++
 3 files changed, 231 insertions(+), 7 deletions(-)
 create mode 100644 utils/cohere.py

diff --git a/app.py b/app.py
index 44293ec3..1ab3c43c 100644
--- a/app.py
+++ b/app.py
@@ -4,6 +4,8 @@
 from flask import Flask, render_template, request, redirect, url_for, jsonify, session
 from utils.verbwire import get_wallet_nfts, update_nft_metadata
 import os
+import json
+import cohere
 
 # Import the refactored Verbwire helper functions
 from utils.verbwire import (
@@ -35,9 +37,9 @@ def dashboard():
 
     if "error" in nfts_response:
         return render_template("login.html", error=nfts_response["error"])
-    print(nfts_response)
+   # print(nfts_response)
     nfts = nfts_response.get("nfts", [])
-    print(nfts)
+    #print(nfts)
     return render_template("dashboard.html", wallet_address=wallet_address, nfts=nfts)
 
 @app.route('/register', methods=['POST'])
@@ -51,7 +53,7 @@ def register():
         return jsonify({"error": "wallet_address and metadata_url are required"}), 400
 
     resp = mint_nft_from_metadata_url(metadata_url, wallet_address, chain=chain)
-    pprint(resp)
+    #pprint(resp)
     return jsonify(resp), 200
 
 
@@ -72,7 +74,7 @@ def auth_user():
 
     # Default to chain="sepolia" and tokenType="nft721"
     nfts_response = get_wallet_nfts(wallet_address)
-    pprint(nfts_response)
+    #pprint(nfts_response)
 
     # If there's an error or the "nfts" list is empty, handle accordingly
     if "error" in nfts_response:
@@ -109,7 +111,7 @@ def check_status():
         return jsonify({"error": "transaction_id is required"}), 400
 
     resp = check_transaction_status(transaction_id)
-    pprint(resp)
+   # pprint(resp)
     return jsonify(resp), 200
 
 
@@ -192,7 +194,7 @@ def upload_page():
     """
     Handles the upload page and processes file uploads.
     """
-    print("hello")
+    #print("hello")
     if request.method == 'POST':
         if 'file' not in request.files:
             return render_template('upload.html', error="No file part in the request.")
@@ -209,7 +211,7 @@ def upload_page():
 
         try:
             response = store_file_as_metadata(file_path, name=name, description=description)
-            print("hello")
+          #  print("hello")
             # Add success data to pass to the template
             return render_template('upload.html', success=response)
         finally:
@@ -248,6 +250,98 @@ def view_nft_image():
     # Step 2: Redirect to the image URL
     return jsonify(metadata)
 
+
+def get_view_nft_data(token_id, contract_address, chain="sepolia"):
+    """
+    Calls Verbwire's getNFTDetails endpoint to retrieve the NFT metadata,
+    then redirects to the 'image' URL in the metadata.
+
+    Query Parameters:
+      - contract_address: NFT contract address
+      - token_id: NFT token ID
+      - chain: Blockchain network (default: "sepolia")
+    """
+
+
+    if not contract_address or not token_id:
+        return jsonify({"error": "Missing contract_address or token_id"}), 400
+
+    # Step 1: Fetch NFT details using the Verbwire helper
+    from utils.verbwire import get_nft_details
+    details = get_nft_details(contract_address, token_id, chain=chain, populate_metadata=True)
+    ipfs_uri = details.get('nft_details').get("tokenURI")
+    ipfs = requests.get(ipfs_uri)
+
+    metadata = details.get("nft_details").get("metadata")
+    if "error" in details:
+        return jsonify({"error": details["error"]}), 400
+
+    # Step 2: Redirect to the image URL
+    return metadata
+
+@app.route('/process_nft_with_llm', methods=['POST'])
+def process_nft_with_llm():
+    """
+    Processes NFT metadata using Cohere's LLM.
+    Expects JSON:
+    {
+      "contract_address": "<NFT contract address>",
+      "token_id": "<NFT token ID>",
+      "chain": "<Blockchain network (default: 'sepolia')>"
+    }
+    Retrieves metadata using /view_nft_image and processes it with Cohere's LLM.
+    """
+
+    data = request.get_json()
+    contract_address = data.get('contract_address')
+    token_id = data.get('token_id')
+    print (contract_address,token_id)
+    chain = data.get("chain", "sepolia")  # Default to "sepolia"
+
+    if not contract_address or not token_id:
+        return jsonify({"error": "Missing contract_address or token_id"}), 400
+
+    try:
+        # Step 1: Retrieve metadata from /view_nft_image
+        view_nft_response = get_view_nft_data(token_id, contract_address, chain=chain)
+
+       
+        pprint(str(view_nft_response))
+
+
+        # Step 2: Validate metadata is JSON
+        #if not isinstance(metadata, dict):
+        #    return jsonify({"error": "Metadata is not in JSON format."}), 400
+
+
+        # Step 3: Process metadata with Cohere
+        co = cohere.Client(os.getenv("COHERE_API_KEY"))
+        prompt = (
+            f"{str(view_nft_response)} Here is the JSON for a person's financial data. "
+            "Provide short feedback to the user about their finances."
+        )
+
+        response = co.generate(
+            model="command-r-plus-08-2024",
+            prompt=prompt,
+            max_tokens=150,
+            temperature=0.7,
+        )
+
+        feedback = response.generations[0].text.strip()
+        print(feedback)
+        # Step 4: Return processed feedback
+        return jsonify({
+            "contract_address": contract_address,
+            "token_id": token_id,
+            "processed_text": feedback
+        }), 200
+
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+
 if __name__ == '__main__':
     app.run(debug=True)
 
diff --git a/templates/dashboard.html b/templates/dashboard.html
index c0ee0ab8..ffe76157 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -21,6 +21,14 @@ <h3>{{ nft.tokenName }}</h3>
                             <a href="{{ url_for('view_nft_image', contract_address=nft.contractAddress, token_id=nft.tokenID, chain='sepolia') }}" target="_blank">
                                 View NFT Image
                             </a>
+                            <button onclick="processNFT('{{ nft.contractAddress }}', '{{ nft.tokenID }}', 'sepolia')">
+                                Analyze NFT Data
+                            </button>
+
+                            <!-- Div to display feedback -->
+                            <div id="feedback-{{ nft.tokenID }}" style="margin-top: 10px; display: none; border: 1px solid #ccc; padding: 10px;">
+                                <p>Processing...</p>
+                            </div>
                         </li>
                     {% endfor %}
                 </ul>
@@ -112,6 +120,42 @@ <h2>Upload Your Documents</h2>
                 }
             });
         </script>
+ <script>
+    async function processNFT(contractAddress, tokenID, chain = 'sepolia') {
+        const feedbackDiv = document.getElementById(`feedback-${tokenID}`);
+        feedbackDiv.style.display = 'block';
+        feedbackDiv.innerHTML = `<p>Processing NFT data...</p>`;
+
+        try {
+            // Send a POST request to /process_nft_with_llm
+            const response = await fetch('/process_nft_with_llm', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    contract_address: contractAddress,
+                    token_id: tokenID,
+                    chain: chain,
+                }),
+            });
 
+            const result = await response.json();
+
+            // Display feedback or error
+            if (response.ok) {
+                feedbackDiv.innerHTML = `
+                    <p><strong>Processed Feedback:</strong></p>
+                    <p>${result.processed_text}</p>
+                `;
+            } else {
+                feedbackDiv.innerHTML = `<p>Error: ${result.error || 'Failed to process NFT data.'}</p>`;
+            }
+        } catch (error) {
+            console.error('Error processing NFT data:', error);
+            feedbackDiv.innerHTML = `<p>An error occurred while processing the NFT data. Please try again.</p>`;
+        }
+    }
+</script>
     </body>
 </html>
diff --git a/utils/cohere.py b/utils/cohere.py
new file mode 100644
index 00000000..ab32b65a
--- /dev/null
+++ b/utils/cohere.py
@@ -0,0 +1,86 @@
+import cohere
+from dotenv import load_dotenv
+import os
+import json
+
+# Load environment variables
+load_dotenv()
+
+COHERE_API_KEY = os.getenv("COHERE_API_KEY")
+
+
+def get_cohere_response(customer_json):
+    """
+    Takes a JSON string representing customer financial data
+    and generates feedback using Cohere's API.
+
+    Args:
+        customer_json (str): A JSON string of customer financial data.
+
+    Returns:
+        str: Feedback generated by Cohere's API.
+    """
+    # Initialize the Cohere client
+    co = cohere.Client(COHERE_API_KEY)
+
+    # Define the prompt
+    prompt = (
+        f"{customer_json} Here is the JSON for a person's financial data. "
+        "Provide short feedback to the user about their finances."
+    )
+
+    try:
+        # Generate a response using Cohere's command model
+        response = co.generate(
+            model="command-xlarge-2023-01",  # Use the appropriate Cohere model
+            prompt=prompt,
+            max_tokens=150,  # Limit the response length
+            temperature=0.7,  # Adjust for more/less creative output
+        )
+
+        # Extract the generated text
+        generated_text = response.generations[0].text.strip()
+        return generated_text
+
+    except Exception as e:
+        print(f"Error while calling Cohere API: {e}")
+        return None
+
+
+# Example data for testing
+data = {
+    "mortgageApplication": {
+        "applicant": {
+            "annualIncome": 85000,
+            "dateOfBirth": "1985-03-10",
+            "employmentStatus": "Employed",
+            "fullName": "Alice Johnson",
+            "ssn": "123-45-6789"
+        },
+        "applicationStatus": "Pending",
+        "creditScore": 720,
+        "loanTerms": {
+            "interestRate": 3.5,
+            "loanTermYears": 30,
+            "monthlyPayment": 1078
+        },
+        "propertyDetails": {
+            "address": "123 Elm Street, Springfield, IL",
+            "downPayment": 60000,
+            "loanAmount": 240000,
+            "propertyValue": 300000
+        }
+    }
+}
+
+# Convert the data to a JSON string
+customer_json = json.dumps(data, indent=2)
+
+# Get Cohere response
+feedback = get_cohere_response(customer_json)
+
+# Print the feedback
+if feedback:
+    print("Feedback:", feedback)
+else:
+    print("Failed to generate feedback.")

From dfd3c7f6bf3b06a7670ccc04752b13311c45f313 Mon Sep 17 00:00:00 2001
From: saagarracharla <95503850+saagarracharla@users.noreply.github.com>
Date: Sat, 11 Jan 2025 23:34:48 -0500
Subject: [PATCH 05/11] Merged styling with cohere branch

---
 app.py                          |   7 ++
 static/css/dashboard-styles.css | 133 ++++++++++++++++++++++++++++++++
 static/css/homepage-styles.css  | 116 ++++++++++++++++++++++++++++
 templates/dashboard.html        |   2 +-
 templates/homepage.html         |  40 ++++++++++
 templates/login.html            |   4 +-
 6 files changed, 299 insertions(+), 3 deletions(-)
 create mode 100644 static/css/dashboard-styles.css
 create mode 100644 static/css/homepage-styles.css
 create mode 100644 templates/homepage.html

diff --git a/app.py b/app.py
index 1ab3c43c..5eb244c5 100644
--- a/app.py
+++ b/app.py
@@ -42,6 +42,13 @@ def dashboard():
     #print(nfts)
     return render_template("dashboard.html", wallet_address=wallet_address, nfts=nfts)
 
+
+# Homepage
+@app.route("/home", methods=["POST"])
+def home():
+    wallet_address = request.form.get("wallet_address")
+    return render_template("homepage.html", wallet_address=wallet_address)
+
 @app.route('/register', methods=['POST'])
 def register():
     data = request.get_json()
diff --git a/static/css/dashboard-styles.css b/static/css/dashboard-styles.css
new file mode 100644
index 00000000..9ba10063
--- /dev/null
+++ b/static/css/dashboard-styles.css
@@ -0,0 +1,133 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f5f5f5;
+    color: #333;
+}
+
+.container {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 20px;
+    background-color: #fff;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+}
+
+h1 {
+    font-size: 2rem;
+    color: #2c3e50;
+    margin-bottom: 10px;
+    text-align: center;
+}
+
+h2 {
+    font-size: 1.5rem;
+    color: #34495e;
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+h3 {
+    font-size: 1.2rem;
+    color: #2c3e50;
+    margin-bottom: 5px;
+}
+
+p {
+    margin: 5px 0;
+    line-height: 1.5;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+li {
+    margin-bottom: 20px;
+    padding: 15px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+}
+
+/* Links */
+a {
+    color: #3498db;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/* Buttons */
+button {
+    background-color: #3498db;
+    color: #fff;
+    border: none;
+    padding: 10px 15px;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1rem;
+}
+
+button:hover {
+    background-color: #2980b9;
+}
+
+/* Upload Section */
+.upload-section {
+    margin-top: 30px;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+}
+
+label {
+    display: block;
+    margin-bottom: 5px;
+    font-weight: bold;
+}
+
+input[type="file"] {
+    display: block;
+    margin-bottom: 15px;
+}
+
+#upload-status {
+    margin-top: 10px;
+    font-style: italic;
+    color: #27ae60;
+}
+
+/* NFT Details */
+#nft-details {
+    display: none;
+    margin-top: 10px;
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+}
+
+#nft-details img {
+    max-width: 100%;
+    border-radius: 4px;
+    margin-bottom: 10px;
+}
+
+/* Responsive Design */
+@media (max-width: 600px) {
+    .container {
+        padding: 15px;
+    }
+
+    h1, h2 {
+        text-align: left;
+    }
+}
\ No newline at end of file
diff --git a/static/css/homepage-styles.css b/static/css/homepage-styles.css
new file mode 100644
index 00000000..7a79b442
--- /dev/null
+++ b/static/css/homepage-styles.css
@@ -0,0 +1,116 @@
+body{
+    padding: 0px;
+    margin: 0;
+  }
+.title {
+    color: #5C6AC4;
+}
+
+
+.top {
+width: full;
+height: 80px;
+background: #8B1D40;
+display: flex;
+justify-content: flex-end;
+align-items: center;
+}
+
+.navButton {
+width: 135px;
+height: 20px;
+color: #FFF;
+font-family: Arial;
+font-size: 20px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+}
+
+.left {
+    display: flex; /* Align buttons in a row */
+    gap: 20px; /* Optional: space between buttons */
+}
+
+.logo {
+margin-left: 10px;
+}
+
+
+
+.leftButton {
+    width: 150px;
+    height: 80px;
+    margin-left: 10px;
+    margin-bottom: 20px;
+    border-radius: 10px;
+    background: #F2F3F2;
+    display: flex;
+    justify-content: center; /* Center the text horizontally */
+    align-items: center; /* Center the text vertically */
+    color: black; /* Text color */
+    font-size: 18px; /* Text size */
+}
+
+.homeButtons {
+width: 150px;
+height: 80px;
+margin: 10px;
+border-radius: 10px;
+border: 1px solid #8A8282;
+background: #FFFFFF;
+display: flex;
+justify-content: center; /* Center the text horizontally */
+align-items: center; /* Center the text vertically */
+color: Black; /* Text color */
+font-size: 18px; /* Text size */
+}
+
+
+.main {
+display: flex; /* Create a flex container */
+
+gap: 20px; /* Optional: space between sections */
+}
+
+.mainLeft {
+display: flex;
+flex-direction: column; /* Arrange buttons vertically */
+gap: 10px; /* Optional: space between buttons */
+width: 200px; /* Adjust the width as needed */
+}
+
+.mainMiddle {
+flex: 1; /* Middle section takes up remaining space */
+background-color: #f0f0f0; /* Optional: background color for middle section */
+}
+
+.mainRight {
+width: 200px; /* Adjust the width as needed */
+background-color: #e0e0e0; /* Optional: background color for right section */
+}
+
+.mainLeftButton {
+width: 150px;
+height: 80px;
+border-radius: 10px;
+margin: 10px;
+background: #ffffff;
+display: flex;
+justify-content: center; /* Center the text horizontally */
+align-items: center; /* Center the text vertically */
+color: black; /* Text color */
+font-size: 18px; /* Text size */
+border: 2px solid #C41F3E; /* Optional: add a border around the buttons */
+}
+
+
+.mainLeftButton:hover {
+    background: #C41F3E; /* Change background to red on hover */
+    color: white; /* Optional: Change text color for better contrast */
+}
+
+
+.main-img {
+    width: 100%;
+}
\ No newline at end of file
diff --git a/templates/dashboard.html b/templates/dashboard.html
index ffe76157..a29a958a 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Dashboard</title>
-        <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/dashboard-styles.css') }}">
     </head>
     <body>
         <div class="container">
diff --git a/templates/homepage.html b/templates/homepage.html
new file mode 100644
index 00000000..380d6090
--- /dev/null
+++ b/templates/homepage.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, World!</title>
+    <link rel="stylesheet" href="../static/css/homepage-styles.css" />
+  </head>
+  <body>
+      <div class="top">
+        <div class="navButton">Help Center</div>
+        <div class="navButton">AdChoices</div>
+        <div class="navButton">Sign Off</div>
+      </div>
+      
+      <img class="logo" src="https://mma.prnewswire.com/media/1632139/CIBC_CIBC_unveils_new_look_symbolizing_the_bank_s_purpose_of_hel.jpg?p=facebook" alt="" style="width: 142px">
+      
+      <div class="left">
+          <div class="leftButton" style="background: #C41F3E; color: white;">Banking</div>
+          <div class="leftButton">Investing</div>
+          <div class="leftButton">Product</div>
+          <div class="leftButton">Offers</div>
+      </div>
+      
+
+    <div class="main">
+      <div class="mainLeft">
+          <div class="mainLeftButton">Investment</div>
+          <form method="POST" action="{{ url_for('dashboard') }}">
+            <input type="hidden" name="wallet_address" value="{{ wallet_address }}">
+            <button type="submit" class="mainLeftButton">My NFT's</button>
+        </form>
+          <div class="mainLeftButton">Mutual Funds</div>
+          <div class="mainLeftButton">GICs</div>
+          <div class="mainLeftButton">Stocks</div>
+      </div>
+  
+        <img class="main-img" src="https://cdn.discordapp.com/attachments/1326308552872165440/1327806594347696128/image.png?ex=678467c1&is=67831641&hm=ee1d7db07a6bd92eefee99ad7395ecc2b005363f1bc9dbd51fae193eb46c42f6&">
+    </div>
+      <script src="script.js"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
index f9e5d981..834e2ab3 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -228,7 +228,7 @@ <h1>Login</h1>
                 {% if error %}
                     <p class="error-message">{{ error }}</p>
                 {% endif %}
-                <form method="POST" action="{{ url_for('dashboard') }}">
+                <form method="POST" action="{{ url_for('home') }}">
                     <div class="form-group">
                         <label for="wallet_address">Wallet Address:</label>
                         <input type="text" id="wallet_address" name="wallet_address" required>
@@ -278,7 +278,7 @@ <h1>Login</h1>
                 const result = await response.json();
                 if (response.ok) {
                     console.log("Authentication successful:", result);
-                    window.location.href = "/dashboard"; // Redirect to the dashboard
+                    window.location.href = "/homepage"; // Redirect to the dashboard
                 } else {
                     console.error("Authentication failed:", result);
                     errorMessage.textContent = result.error || "Failed to authenticate. Please try again.";

From 69499af33329de359a62d41457c6be2bde93439c Mon Sep 17 00:00:00 2001
From: Sujal Chouhan <sujalchouhan77@gmail.com>
Date: Sat, 11 Jan 2025 23:37:40 -0500
Subject: [PATCH 06/11] removed unneeded upload button

---
 templates/dashboard.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/templates/dashboard.html b/templates/dashboard.html
index a29a958a..a15e57b8 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -35,7 +35,6 @@ <h3>{{ nft.tokenName }}</h3>
             {% else %}
                 <p>No NFTs found for this wallet address.</p>
             {% endif %}
-            <a href="{{ url_for('upload_page') }}">Upload Documents</a>
         </div>
         <script>
             async function displayNFT(contractAddress, tokenID) {

From 61b391dcdc51d7f480643664a92b83494b429783 Mon Sep 17 00:00:00 2001
From: Sujal Chouhan <sujalchouhan77@gmail.com>
Date: Sat, 11 Jan 2025 23:46:49 -0500
Subject: [PATCH 07/11] added styling to upload

---
 static/css/dashboard-styles.css | 82 ++++++++++++++++++++++++++++++++-
 1 file changed, 81 insertions(+), 1 deletion(-)

diff --git a/static/css/dashboard-styles.css b/static/css/dashboard-styles.css
index 9ba10063..809a5aff 100644
--- a/static/css/dashboard-styles.css
+++ b/static/css/dashboard-styles.css
@@ -130,4 +130,84 @@ input[type="file"] {
     h1, h2 {
         text-align: left;
     }
-}
\ No newline at end of file
+}
+
+
+/* General container styling */
+.upload-section {
+    margin-top: 30px;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+    max-width: 800px;  /* Match the width of the .container */
+    margin: 20px auto;  /* Center the section within the container */
+}
+
+/* Header styling */
+.upload-section h2 {
+    color: #333;
+    font-size: 24px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+/* Form styling */
+.upload-section form {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+/* Label styling */
+.upload-section label {
+    font-weight: bold;
+    color: #555;
+    margin-bottom: 5px;
+}
+
+/* Input field styling */
+.upload-section input[type="text"],
+.upload-section input[type="file"],
+.upload-section textarea {
+    width: 100%;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    font-size: 14px;
+}
+
+/* File input styling */
+.upload-section input[type="file"] {
+    padding: 5px;
+}
+
+/* Textarea styling */
+.upload-section textarea {
+    min-height: 100px;
+    resize: vertical;
+}
+
+/* Submit button styling */
+.upload-section button {
+    padding: 10px 15px;
+    background-color: #007BFF;
+    color: #fff;
+    border: none;
+    border-radius: 5px;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+.upload-section button:hover {
+    background-color: #0056b3;
+}
+
+/* Status message styling */
+.upload-section #upload-status {
+    margin-top: 10px;
+    font-size: 14px;
+    color: #777;
+    text-align: center;
+}

From 0ffdf0d4b22b14d8d9cd6bf77773e069ed9ea72f Mon Sep 17 00:00:00 2001
From: Sujal Chouhan <sujalchouhan77@gmail.com>
Date: Sat, 11 Jan 2025 23:59:26 -0500
Subject: [PATCH 08/11] Changed blue colours to red

---
 static/css/dashboard-styles.css | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/static/css/dashboard-styles.css b/static/css/dashboard-styles.css
index 809a5aff..396dd707 100644
--- a/static/css/dashboard-styles.css
+++ b/static/css/dashboard-styles.css
@@ -55,7 +55,7 @@ li {
 
 /* Links */
 a {
-    color: #3498db;
+    color: #8b1d3f;
     text-decoration: none;
     font-weight: bold;
 }
@@ -66,9 +66,10 @@ a:hover {
 
 /* Buttons */
 button {
-    background-color: #3498db;
-    color: #fff;
-    border: none;
+    background-color: #FFF;
+    color: black;
+    border: 1px solid #ddd;
+    border-radius: 8px;
     padding: 10px 15px;
     border-radius: 4px;
     cursor: pointer;
@@ -76,7 +77,8 @@ button {
 }
 
 button:hover {
-    background-color: #2980b9;
+    background-color: #8b1d3f;
+    color: white;
 }
 
 /* Upload Section */
@@ -191,7 +193,7 @@ input[type="file"] {
 /* Submit button styling */
 .upload-section button {
     padding: 10px 15px;
-    background-color: #007BFF;
+    background-color: #8b1d3f;
     color: #fff;
     border: none;
     border-radius: 5px;
@@ -201,7 +203,7 @@ input[type="file"] {
 }
 
 .upload-section button:hover {
-    background-color: #0056b3;
+    background-color: #8b1d3f;
 }
 
 /* Status message styling */

From 9ee7cff655bd49905e2192a5d5737dede102244c Mon Sep 17 00:00:00 2001
From: Sujal Chouhan <sujalchouhan77@gmail.com>
Date: Sun, 12 Jan 2025 08:42:30 -0500
Subject: [PATCH 09/11] Fixed upload file

---
 app.py                | 147 +++++++++++++++++++++++++-----------------
 templates/upload.html |   2 +-
 utils/verbwire.py     |  13 ++--
 3 files changed, 99 insertions(+), 63 deletions(-)

diff --git a/app.py b/app.py
index 5eb244c5..5505f6dd 100644
--- a/app.py
+++ b/app.py
@@ -26,21 +26,29 @@ def login():
     return render_template("login.html")
 
 # Dashboard Page
-@app.route("/dashboard", methods=["POST"])
+@app.route("/dashboard", methods=["GET","POST"])
 def dashboard():
-    wallet_address = request.form.get("wallet_address")
-    if not wallet_address:
-        return render_template("login.html", error="Wallet address is required.")
+    try:
+        if request.method == "POST":
+            wallet_address = request.form.get("wallet_address")
+        else:
+            wallet_address = request.args.get("wallet_address")  # For GET requests
+            
+        if not wallet_address:
+            return render_template("login.html", error="Wallet address is required.")
+        
+        # Rest of the code remains the same
+        nfts_response = get_wallet_nfts(wallet_address)
+        if "error" in nfts_response:
+            return render_template("login.html", error=nfts_response["error"])
 
-    # Fetch NFTs for the wallet
-    nfts_response = get_wallet_nfts(wallet_address)
+        nfts = nfts_response.get("nfts", [])
+        return render_template("dashboard.html", wallet_address=wallet_address, nfts=nfts)
+    except Exception as e:
+        print(e)
+        return render_template("login.html", error="An error occurred.")
+    
 
-    if "error" in nfts_response:
-        return render_template("login.html", error=nfts_response["error"])
-   # print(nfts_response)
-    nfts = nfts_response.get("nfts", [])
-    #print(nfts)
-    return render_template("dashboard.html", wallet_address=wallet_address, nfts=nfts)
 
 
 # Homepage
@@ -57,6 +65,7 @@ def register():
     chain = data.get("chain", "sepolia")
 
     if not wallet_address or not metadata_url:
+        print("wallet_address or metadata_url not found")
         return jsonify({"error": "wallet_address and metadata_url are required"}), 400
 
     resp = mint_nft_from_metadata_url(metadata_url, wallet_address, chain=chain)
@@ -122,55 +131,54 @@ def check_status():
     return jsonify(resp), 200
 
 
-@app.route("/update_metadata", methods=["POST"])
-def update_metadata():
-    """
-    Updates the metadata of an existing NFT.
-    Handles both JSON and form data.
-    """
-
-    # Check if the data is coming as JSON or form data
-    if request.is_json:
-        # Handle JSON data
-        data = request.get_json()
-        contract_address = data.get("contract_address")
-        token_id = data.get("token_id")
-        new_token_uri = data.get("new_token_uri")
-        chain = data.get("chain", "sepolia")  # Default to "sepolia"
-    else:
-        # Handle form data
-        contract_address = request.form.get("contract_address")
-        token_id = request.form.get("token_id")
-        new_token_uri = request.form.get("new_token_uri")
-        chain = request.form.get("chain", "sepolia")  # Default to "sepolia"
-
-    # Validate required fields
-    if not all([contract_address, token_id, new_token_uri]):
-        return jsonify({"error": "contract_address, token_id, and new_token_uri are required"}), 400
-
-    # Call the utility function to update NFT metadata
-    update_response = update_nft_metadata(
-        contract_address=contract_address,
-        token_id=token_id,
-        new_token_uri=new_token_uri,
-        chain=chain
-    )
-
-    # Handle response from the utility function
-    if "error" in update_response:
-        return jsonify({"error": update_response["error"]}), 400
-
-    # Redirect to the dashboard if using form data or return JSON response
-    if not request.is_json:
-        return redirect(url_for("dashboard"))
+# @app.route("/update_metadata", methods=["POST"])
+# def update_metadata():
+#     """
+#     Updates the metadata of an existing NFT.
+#     Handles both JSON and form data.
+#     """
+
+#     # Check if the data is coming as JSON or form data
+#     if request.is_json:
+#         # Handle JSON data
+#         data = request.get_json()
+#         contract_address = data.get("contract_address")
+#         token_id = data.get("token_id")
+#         new_token_uri = data.get("new_token_uri")
+#         chain = data.get("chain", "sepolia")  # Default to "sepolia"
+#     else:
+#         # Handle form data
+#         contract_address = request.form.get("contract_address")
+#         token_id = request.form.get("token_id")
+#         new_token_uri = request.form.get("new_token_uri")
+#         chain = request.form.get("chain", "sepolia")  # Default to "sepolia"
+
+#     # Validate required fields
+#     if not all([contract_address, token_id, new_token_uri]):
+#         return jsonify({"error": "contract_address, token_id, and new_token_uri are required"}), 400
+
+#     # Call the utility function to update NFT metadata
+#     update_response = update_nft_metadata(
+#         contract_address=contract_address,
+#         token_id=token_id,
+#         new_token_uri=new_token_uri,
+#         chain=chain
+#     )
+
+#     # Handle response from the utility function
+#     if "error" in update_response:
+#         return jsonify({"error": update_response["error"]}), 400
+
+#     # Redirect to the dashboard if using form data or return JSON response
+#     if not request.is_json:
+#         return redirect(url_for("dashboard"))
     
-    return jsonify(update_response), 200
+#     return jsonify(update_response), 200
 
 
 
 @app.route('/upload_file', methods=['POST'])
 def upload_file():
-
     if 'file' not in request.files:
         return jsonify({"error": "No file part in the request"}), 400
 
@@ -188,12 +196,35 @@ def upload_file():
     description = request.form.get("description", "Statement form")
 
     try:
+        # Store file metadata
         resp = store_file_as_metadata(file_path, name=name, description=description)
-        ipfs_url = resp.get("ipfs_storage").get("ipfs_url")
+        if "error" in resp:
+            return jsonify({"error": resp["error"]}), 400
+            
+        # Get IPFS URL and mint NFT
+        ipfs_url = resp.get("ipfs_storage", {}).get("ipfs_url")
+        print("IPFS URL", ipfs_url)
+        if not ipfs_url:
+            return jsonify({"error": "Failed to get IPFS URL"}), 400
+        print("Wallet address", wallet_address)
+        print("IPFS URL", ipfs_url)
         response = mint_nft_from_metadata_url(ipfs_url, wallet_address, chain="sepolia")
-        return redirect(url_for(dashboard), wallet_address = wallet_address)
+        if "error" in response:
+            return jsonify({"error": response["error"]}), 400
+            
+        # Return JSON response instead of redirect
+        return jsonify({
+            "success": True,
+            "wallet_address": wallet_address,
+            "transaction": response
+        }), 200
+        
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
     finally:
-        os.remove(file_path)
+        # Clean up temporary file
+        if os.path.exists(file_path):
+            os.remove(file_path)
 
 
 @app.route('/upload', methods=['GET', 'POST'])
diff --git a/templates/upload.html b/templates/upload.html
index 0d3a524c..eb84cfaa 100644
--- a/templates/upload.html
+++ b/templates/upload.html
@@ -21,7 +21,7 @@ <h1>Upload Your Documents</h1>
                 </li>
             </ul>
         {% endif %}
-        <form method="POST" action="{{ url_for('upload_page') }}" enctype="multipart/form-data">
+        <form method="POST" action="{{ url_for('upload_file') }}" enctype="multipart/form-data">
             <label for="file">Select Document:</label>
             <input type="file" id="file" name="file" accept=".pdf,.doc,.docx,.jpg,.png,.json" required>
 
diff --git a/utils/verbwire.py b/utils/verbwire.py
index e7a8a990..40236290 100644
--- a/utils/verbwire.py
+++ b/utils/verbwire.py
@@ -26,9 +26,14 @@ def mint_nft_from_metadata_url(metadata_url, wallet_address, chain="sepolia"):
     """
     quickMintFromMetadataUrl_endpoint = f"{VERBWIRE_BASE_URL}/nft/mint/quickMintFromMetadataUrl"
 
+    if not metadata_url or not wallet_address:
+        return {
+            "error": "metadata_url and wallet_address are required."
+        }
+    
     form_data = {
-        "metadataUrl": (None, metadata_url),
-        "recipientAddress": (None, wallet_address),
+        "metadataUrl": metadata_url,
+        "recipientAddress": wallet_address,
         "allowPlatformToOperateToken": (None, "true"),
         "chain": (None, chain)
     }
@@ -38,7 +43,7 @@ def mint_nft_from_metadata_url(metadata_url, wallet_address, chain="sepolia"):
         "accept": "application/json"
     }
 
-    response = requests.post(quickMintFromMetadataUrl_endpoint, files=form_data, headers=headers)
+    response = requests.post(quickMintFromMetadataUrl_endpoint, data=form_data, headers=headers)
     try:
         return response.json()
     except Exception:
@@ -214,4 +219,4 @@ def get_nft_details(contract_address, token_id, chain="sepolia", populate_metada
         return {
             "error": "Failed to parse JSON from Verbwire response.",
             "raw": response.text
-        }
\ No newline at end of file
+        }

From 21e96e52d8121bfed669d0528deff057c7433d9d Mon Sep 17 00:00:00 2001
From: Sujal Chouhan <sujalchouhan77@gmail.com>
Date: Sun, 12 Jan 2025 09:45:03 -0500
Subject: [PATCH 10/11] added procfile

---
 Procfile         |  1 +
 requirements.txt | 24 +++++++++++++++++++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 Procfile

diff --git a/Procfile b/Procfile
new file mode 100644
index 00000000..ca6e941c
--- /dev/null
+++ b/Procfile
@@ -0,0 +1 @@
+web: gunicorn app:app
diff --git a/requirements.txt b/requirements.txt
index a9ef7a81..0fe8cb34 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,14 +1,36 @@
+annotated-types==0.7.0
+anyio==4.8.0
 blinker==1.9.0
 certifi==2024.12.14
 charset-normalizer==3.4.1
 click==8.1.8
+cohere==5.13.6
+exceptiongroup==1.2.2
+fastavro==1.10.0
+filelock==3.16.1
 Flask==3.1.0
-Flask-Cors
+fsspec==2024.12.0
+h11==0.14.0
+httpcore==1.0.7
+httpx==0.28.1
+httpx-sse==0.4.0
+huggingface-hub==0.27.1
 idna==3.10
 itsdangerous==2.2.0
 Jinja2==3.1.5
 MarkupSafe==3.0.2
+packaging==24.2
+parameterized==0.9.0
+pydantic==2.10.5
+pydantic_core==2.27.2
 python-dotenv==1.0.1
+PyYAML==6.0.2
 requests==2.32.3
+sniffio==1.3.1
+tokenizers==0.21.0
+tqdm==4.67.1
+types-requests==2.32.0.20241016
+typing_extensions==4.12.2
 urllib3==2.3.0
 Werkzeug==3.1.3
+gunicorn

From a5a185a1aafa19aaab8eefdc4c921cb1fac02178 Mon Sep 17 00:00:00 2001
From: Saagar Racharla <95503850+saagarracharla@users.noreply.github.com>
Date: Mon, 20 Jan 2025 12:30:48 -0500
Subject: [PATCH 11/11] Create README.md

---
 README.md | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 00000000..9789b431
--- /dev/null
+++ b/README.md
@@ -0,0 +1,51 @@
+# ChainedSimple
+
+## Inspiration
+After working at some of the largest Canadian banks, we identified a common problem: the traditional process of verifying financial statements for KYC compliance is slow, inefficient, and insecure. Common challenges include:
+- Data tampering
+- Lengthy verification processes
+- Interbank trust barriers
+
+These issues lead to a slow and tedious process for customer onboarding. Additionally, when financial statements are required for business activities such as credit scoring, verifying their accuracy can raise concerns, further slowing down transactions.
+
+## What It Does
+ChainedSimple is a solution that:
+- Allows users to upload financial documents to the Blockchain.
+- Enables access to these documents via a Wallet Address to share securely with others.
+- Utilizes AI to analyze user data.
+
+This approach ensures data integrity while keeping it more secure.
+
+## How We Built It
+- **Backend**: Built using Flask to handle API calls and support the application. We integrated the Verbwire API to mint NFTs and attach them to customer wallet addresses.
+- **AI Integration**: The Cohere API was used for analyzing data.
+- **Frontend**: Developed with standard HTML, CSS, and JavaScript to provide a user-friendly interface.
+
+## Challenges We Ran Into
+1. **Learning Curve**: None of us had prior experience with blockchain, and this was our first time implementing anything involving NFTs.
+2. **Flask Challenges**: Understanding variable scope in Flask when passing data between pages or functions caused blockers during development.
+
+## Accomplishments That We're Proud Of
+We are extremely proud of:
+- Successfully implementing the Verbwire API to mint NFTs with metadata and attach them to wallet addresses.
+- Analyzing financial data using AI.
+- Celebrating each milestone as we inched closer to completing our project.
+
+## What We Learned
+1. **Blockchain Fundamentals**: We gained a deep understanding of how the blockchain works and its benefits.
+2. **Teamwork Lessons**: We realized that adding more hands to the wheel doesn’t always make the car drive faster—it just makes it harder to steer.
+
+## What's Next for ChainedSimple
+Our future plans include:
+- Enhancing the UI for a smoother user experience.
+- Adding workflows that allow users to share their NFT with others, such as through a QR code. This would enable users to share information like credit scores quickly and conveniently.
+
+## Built With
+- [Cohere](https://cohere.ai/)
+- CSS
+- [Figma](https://www.figma.com/)
+- Flask
+- HTML
+- JavaScript
+- Python
+- [Verbwire](https://www.verbwire.com/)