Spaces:

sikeaditya
/

certificate-validator

Sleeping

App Files Files Community

AdityaAdaki commited on Dec 11, 2024

Commit

9d1b3b9

1 Parent(s): 118480e

Initial commit

Browse files

Files changed (6) hide show

.env +1 -0
Dockerfile +7 -0
app.py +71 -0
fire.pdf +0 -0
requirements.txt +4 -0
templates/index.html +216 -0

.env ADDED Viewed

	@@ -0,0 +1 @@


1	+ GEMINI_API_KEY=AIzaSyCtEVix5c3pv3wtt7JLUA0CWpmOCt2gBMw

Dockerfile ADDED Viewed

	@@ -0,0 +1,7 @@

+FROM python:3.9-slim
+WORKDIR /code
+COPY ./requirements.txt /code/requirements.txt
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+COPY . .
+EXPOSE 7860
+CMD ["python", "app.py"]

app.py ADDED Viewed

	@@ -0,0 +1,71 @@

+from flask import Flask, request, render_template
+import google.generativeai as genai
+import base64
+import os
+from dotenv import load_dotenv
+# Initialize Flask app
+app = Flask(__name__)
+# Gemini API Configuration
+genai.configure(api_key=os.getenv('GEMINI_API_KEY'))
+model = genai.GenerativeModel("gemini-1.5-flash")
+def process_certificate(image_path, cert_name):
+    """Process a single certificate and generate a response in structured HTML."""
+    with open(image_path, "rb") as image_file:
+        encoded_image = base64.b64encode(image_file.read()).decode("utf-8")
+    prompt = (
+        """Note: The current date is 12/12/2024 (12 December 2024). Process the following certificate:
+        - {cert_name}: (image attached)
+        For the certificate:
+        1. Check the expiry date on the certificate. Use the current date (12 December 2024) as the reference point:
+           - If the expiry date is earlier than the current date (past date), mark the certificate as Invalid❌.
+           - If the expiry date is later than the current date (future date), mark the certificate as Valid✅.
+           - If no expiry date is found but there are signs of validity (e.g., government seals, authorized signatures, or proper right marks), mark the certificate as Valid✅.
+        2. If neither the expiry date nor other validity signs are present, use semantic analysis of the certificate's content to determine its status:
+           - Mark the certificate as Valid✅ if the content supports its authenticity (e.g., trustworthy terms, verified names, or credible organizations).
+           - Mark the certificate as Invalid❌ if the content lacks any evidence of validity.
+        3. Structure the results in a clear and properly formatted table with the following columns:
+           - *Field*: Field extracted from the certificate.
+           - *Value*: The corresponding value.
+        4. Add a section indicating the certificate's overall validity status (Valid✅ or Invalid❌).
+        Return the entire result strictly within the '''html opening and '''html closing tags.
+        Ensure compatibility with rendering on a webpage.
+        """.format(cert_name=cert_name)
+    )
+    response = model.generate_content([
+        {'mime_type': 'image/jpeg', 'data': encoded_image}, prompt
+    ])
+    return response.text
+@app.route("/", methods=["GET", "POST"])
+def home():
+    if request.method == "POST":
+        cert_name = "Affiliation Certificate"
+        file = request.files.get("certificate")
+        if file and file.filename:  # Check if a file was uploaded
+            os.makedirs("static/uploads", exist_ok=True)
+            image_path = os.path.join("static/uploads", file.filename)
+            file.save(image_path)
+            # Process the certificate
+            gemini_output = process_certificate(image_path, cert_name)
+            return render_template("index.html", gemini_output=gemini_output)
+        return render_template("index.html", error="Please upload a certificate.")
+    return render_template("index.html")
+if __name__ == "__main__":
+    app.run(host='0.0.0.0', port=7860)

fire.pdf ADDED Viewed

Binary file (102 kB). View file

requirements.txt ADDED Viewed

	@@ -0,0 +1,4 @@

+flask==2.0.1
+google-generativeai
+python-dotenv
+Werkzeug==2.0.3

templates/index.html ADDED Viewed

	@@ -0,0 +1,216 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Certificate Validation</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <style>
+        body {
+            background: linear-gradient(135deg, #f5f7fa 0%, #e3e6f0 100%);
+            color: #2c3e50;
+            font-family: 'Poppins', sans-serif;
+            min-height: 100vh;
+        }
+        .container {
+            margin-top: 50px;
+            padding: 30px;
+            background: rgba(255, 255, 255, 0.95);
+            border-radius: 15px;
+            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+            border: 1px solid #e0e0e0;
+        }
+        h1 {
+            font-weight: 700;
+            text-align: center;
+            margin-bottom: 40px;
+            font-size: 2.5rem;
+            color: #1a365d;
+        }
+        .upload-container {
+            background: #f8fafc;
+            border-radius: 12px;
+            padding: 30px;
+            text-align: center;
+            border: 2px dashed #cbd5e0;
+            transition: all 0.3s ease;
+        }
+        .upload-container:hover {
+            border-color: #4a90e2;
+            transform: translateY(-3px);
+        }
+        .upload-icon {
+            font-size: 48px;
+            color: #4a90e2;
+            margin-bottom: 15px;
+        }
+        .form-control {
+            background: #ffffff;
+            border: 1px solid #e2e8f0;
+            border-radius: 8px;
+            color: #2d3748;
+            padding: 12px;
+            transition: all 0.3s ease;
+        }
+        .form-control:focus {
+            border-color: #4a90e2;
+            box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
+        }
+        .btn-primary {
+            background: linear-gradient(45deg, #4a90e2, #5a9ee6);
+            border: none;
+            border-radius: 8px;
+            padding: 12px 30px;
+            font-weight: 600;
+            letter-spacing: 0.5px;
+            box-shadow: 0 4px 12px rgba(74, 144, 226, 0.15);
+            transition: all 0.3s ease;
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 15px rgba(74, 144, 226, 0.2);
+            background: linear-gradient(45deg, #5a9ee6, #4a90e2);
+        }
+        .table-wrapper {
+            margin-top: 40px;
+            background: #ffffff;
+            border-radius: 12px;
+            padding: 25px;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+            border: 1px solid #e0e0e0;
+        }
+        .table-wrapper h2 {
+            color: #1a365d;
+            font-weight: 600;
+            text-align: center;
+            margin-bottom: 25px;
+            font-size: 1.8rem;
+        }
+        table {
+            width: 100%;
+            border-collapse: separate;
+            border-spacing: 0 8px;
+        }
+        th {
+            background: #f8fafc;
+            color: #2d3748;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            font-size: 0.9rem;
+            padding: 15px;
+            border-bottom: 2px solid #e2e8f0;
+        }
+        td {
+            background: #ffffff;
+            color: #2d3748;
+            padding: 15px;
+            border-bottom: 1px solid #e2e8f0;
+        }
+        tr:hover td {
+            background: #f8fafc;
+            transition: all 0.2s ease;
+        }
+        .alert-danger {
+            background: #fff5f5;
+            border: 1px solid #feb2b2;
+            color: #c53030;
+            border-radius: 8px;
+            padding: 15px;
+        }
+        .loading {
+            display: none;
+            text-align: center;
+            padding: 20px;
+        }
+        .loading-spinner {
+            width: 50px;
+            height: 50px;
+            border: 5px solid #e2e8f0;
+            border-top: 5px solid #4a90e2;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        .file-name {
+            margin-top: 10px;
+            font-size: 0.9rem;
+            color: #718096;
+        }
+        h4 {
+            color: #2d3748;
+            font-weight: 600;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Certificate Validation</h1>
+        <form method="POST" enctype="multipart/form-data" class="mb-4" id="upload-form">
+            <div class="upload-container mb-4">
+                <i class="fas fa-cloud-upload-alt upload-icon"></i>
+                <h4 class="mb-3">Upload Your Certificate</h4>
+                <input type="file" name="certificate" id="certificate" class="form-control" required accept="image/*,.pdf">
+                <div class="file-name" id="file-name"></div>
+            </div>
+            <button type="submit" class="btn btn-primary w-100">
+                <i class="fas fa-check-circle me-2"></i>Validate Certificate
+            </button>
+        </form>
+        <div class="loading" id="loading">
+            <div class="loading-spinner mb-3"></div>
+            <p>Processing your certificate...</p>
+        </div>
+        {% if gemini_output %}
+        <div class="table-wrapper">
+            <h2>Certificate Validation Results</h2>
+            {{ gemini_output | safe }}
+        </div>
+        {% elif error %}
+        <div class="alert alert-danger" role="alert">
+            <i class="fas fa-exclamation-circle me-2"></i>{{ error }}
+        </div>
+        {% endif %}
+    </div>
+    <script>
+        // Display file name when selected
+        document.getElementById('certificate').addEventListener('change', function(e) {
+            const fileName = e.target.files[0]?.name || 'No file selected';
+            document.getElementById('file-name').textContent = fileName;
+        });
+        // Show loading animation on form submit
+        document.getElementById('upload-form').addEventListener('submit', function() {
+            document.getElementById('loading').style.display = 'block';
+        });
+    </script>
+</body>
+</html>