Add ReactJS and FastAPI Bootcamp Certificates

docs/reactfastapibootcampFM/data.json

@@ -0,0 +1,6 @@
+[
+    {
+        "code": "andeharshitapoojaRFB0010",
+        "holder": "Ande Harshita Pooja of CSE Department"
+    }
+]

docs/reactfastapibootcampFM/script.js

@@ -0,0 +1,60 @@
+document.addEventListener("DOMContentLoaded", function () {
+    // Parse the URL parameters
+    const urlParams = new URLSearchParams(window.location.search);
+    const odysseyCode = urlParams.get("id");
+
+    // Fetch the JSON file
+    fetch("data.json")
+        .then((response) => response.json())
+        .then((jsonData) => {
+            // Find the entry in the JSON data that matches the provided odyssey code
+            const matchingEntry = jsonData.find(
+                (entry) => entry.code === odysseyCode
+            );
+
+            if (matchingEntry) {
+                // Update the text in the "name-element"
+
+                const generalHeader = document.getElementById("general-header");
+                generalHeader.classList.add("hidden");
+
+                const nameElement = document.getElementById("name-element");
+                nameElement.textContent = `${matchingEntry.holder}`;
+
+                const headerNameElement = document.getElementById(
+                    "header-name-element"
+                );
+                headerNameElement.textContent = `${matchingEntry.holder}`;
+
+                const certHeader = document.getElementById("cert-header");
+                const certificate = document.getElementById("certificate");
+
+                certHeader.classList.remove("hidden");
+                certificate.classList.remove("hidden");
+
+                const qrContainer = document.getElementById("qr-container");
+
+                // Use qrcode library to generate the QR code
+                const qr = new QRCode(qrContainer, {
+                    text:
+                        "https://cbitosc.github.io/verify24/reactfastapibootcampFM/?id=" +
+                        matchingEntry.code,
+                    width: 384,
+                    height: 384,
+                    typeNumber: 8,
+                    correctLevel: QRCode.CorrectLevel.H,
+                });
+
+                // const scaleFactor = 96 / 384;
+
+                // qrContainer.style.transform = "scale(" + scaleFactor + ")";
+                // qrContainer.style.transformOrigin = "top left";
+
+                // qrContainer.style.width = "96px";
+                // qrContainer.style.height = "96px";
+            } else {
+                console.error("No matching entry found for the provided code.");
+            }
+        })
+        .catch((error) => console.error("Error loading JSON:", error));
+});

docs/reactfastapibootcampFP/data.json

@@ -0,0 +1,114 @@
+[
+    {
+        "code": "tulasisreemoukthikaRFB0058",
+        "holder": "Tulasi Sree Moukthika of CSE Department"
+    },
+    {
+        "code": "kappaasrithaRFB0059",
+        "holder": "Kappa Asritha of CSE Department"
+    },
+    {
+        "code": "kadarisaisindhuRFB0060",
+        "holder": "Kadari.Sai Sindhu of AI&DS Department"
+    },
+    {
+        "code": "anushkaperuvelRFB0061",
+        "holder": "Anushka Peruvel of AI&DS Department"
+    },
+    {
+        "code": "hansikagollenRFB0062",
+        "holder": "Hansika Gollen of IT Department"
+    },
+    {
+        "code": "anishiRFB0063",
+        "holder": "Anishi of AI&ML Department"
+    },
+    {
+        "code": "saanvireddynRFB0064",
+        "holder": "Saanvi Reddy.N of AI&ML Department"
+    },
+    {
+        "code": "varshiniRFB0065",
+        "holder": "Varshini of AI&ML Department"
+    },
+    {
+        "code": "rsrivyshnaviRFB0066",
+        "holder": "R.Srivyshnavi of AI&DS Department"
+    },
+    {
+        "code": "andeharshitapoojaRFB0067",
+        "holder": "Ande Harshita Pooja of CSE Department"
+    },
+    {
+        "code": "rishikareddyRFB0068",
+        "holder": "Rishika Reddy of AI&ML Department"
+    },
+    {
+        "code": "sanjanachintaRFB0069",
+        "holder": "Sanjana Chinta of AI&ML Department"
+    },
+    {
+        "code": "greeshmaRFB0070",
+        "holder": "Greeshma of CSE Department"
+    },
+    {
+        "code": "tsridivyapranaviRFB0071",
+        "holder": "T. Sri Divya Pranavi of CSE Department"
+    },
+    {
+        "code": "scsharonleeRFB0072",
+        "holder": "S.C.Sharon Lee of CSE Department"
+    },
+    {
+        "code": "gaalisaipraharshitaRFB0073",
+        "holder": "Gaali Sai Praharshita of IT Department"
+    },
+    {
+        "code": "sistlakeerthanaRFB0074",
+        "holder": "Sistla Keerthana of IT Department"
+    },
+    {
+        "code": "sruthimadhavanRFB0075",
+        "holder": "Sruthi Madhavan of ECE Department"
+    },
+    {
+        "code": "keerthanasRFB0076",
+        "holder": "Keerthana S of AI&ML Department"
+    },
+    {
+        "code": "safooraabdulqadeerRFB0077",
+        "holder": "Safoora Abdul Qadeer of AI&DS Department"
+    },
+    {
+        "code": "puttaumadeviRFB0078",
+        "holder": "Putta Umadevi of AI&DS Department"
+    },
+    {
+        "code": "srichandanaRFB0079",
+        "holder": "Srichandana of IT Department"
+    },
+    {
+        "code": "keerthikRFB0080",
+        "holder": "Keerthi K of AIML Department"
+    },
+    {
+        "code": "psailahariRFB0081",
+        "holder": "P Sai Lahari of CSE Department"
+    },
+    {
+        "code": "preethimadhavanRFB0082",
+        "holder": "Preethi Madhavan of AI&ML Department"
+    },
+    {
+        "code": "akshathagadasandulaRFB0083",
+        "holder": "Akshatha Gadasandula of IT Department"
+    },
+    {
+        "code": "tcharithaRFB0084",
+        "holder": "T. Charitha of AI&ML Department"
+    },
+    {
+        "code": "malgarivinishaRFB0085",
+        "holder": "Malgari Vinisha of CSE Department"
+    }
+]