From 11a742b6da1c1ab812efe6b48250ad272e38b44f Mon Sep 17 00:00:00 2001
From: Kavya Rambhia <161142013+kavya-r30@users.noreply.github.com>
Date: Thu, 23 Jan 2025 22:47:23 +0530
Subject: [PATCH 1/2] Added Forms

---
 package-lock.json                  |  72 +++++++++++-
 package.json                       |   5 +-
 src/App.jsx                        |   2 +
 src/Components/ProposalFields.jsx  |  10 ++
 src/Components/ProposalForm.jsx    | 176 +++++++++++++++++++++++++++++
 src/Components/ProposalPreview.jsx |  57 ++++++++++
 6 files changed, 320 insertions(+), 2 deletions(-)
 create mode 100644 src/Components/ProposalFields.jsx
 create mode 100644 src/Components/ProposalForm.jsx
 create mode 100644 src/Components/ProposalPreview.jsx

diff --git a/package-lock.json b/package-lock.json
index 1bc508ef8..53c21cd65 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "dbms",
       "version": "0.0.0",
       "dependencies": {
+        "@hookform/resolvers": "^3.10.0",
         "axios": "^1.6.8",
         "framer-motion": "^11.1.7",
         "gsap": "^3.12.5",
@@ -16,6 +17,7 @@
         "react-chrono": "^2.6.1",
         "react-d3-cloud": "^1.0.6",
         "react-dom": "^18.2.0",
+        "react-hook-form": "^7.54.2",
         "react-icon-cloud": "^1.1.3",
         "react-icons": "^5.2.1",
         "react-router-dom": "^6.23.0",
@@ -24,7 +26,8 @@
         "simple-icons": "^5.24.0",
         "stats.js": "^0.17.0",
         "three": "^0.165.0",
-        "uuid": "^8.3.2"
+        "uuid": "^8.3.2",
+        "yup": "^1.6.1"
       },
       "devDependencies": {
         "@types/react": "^18.2.66",
@@ -2714,6 +2717,15 @@
         "@hapi/hoek": "^9.0.0"
       }
     },
+    "node_modules/@hookform/resolvers": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.10.0.tgz",
+      "integrity": "sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-hook-form": "^7.0.0"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.14",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
@@ -9808,6 +9820,12 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/property-expr": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.6.tgz",
+      "integrity": "sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==",
+      "license": "MIT"
+    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -9985,6 +10003,22 @@
         "react": "*"
       }
     },
+    "node_modules/react-hook-form": {
+      "version": "7.54.2",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.54.2.tgz",
+      "integrity": "sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
     "node_modules/react-hooks-visible": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/react-hooks-visible/-/react-hooks-visible-1.1.1.tgz",
@@ -11712,6 +11746,12 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/tiny-case": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-case/-/tiny-case-1.0.3.tgz",
+      "integrity": "sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==",
+      "license": "MIT"
+    },
     "node_modules/tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
@@ -11747,6 +11787,12 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/toposort": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
+      "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==",
+      "license": "MIT"
+    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
@@ -12480,6 +12526,30 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yup": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/yup/-/yup-1.6.1.tgz",
+      "integrity": "sha512-JED8pB50qbA4FOkDol0bYF/p60qSEDQqBD0/qeIrUCG1KbPBIQ776fCUNb9ldbPcSTxA69g/47XTo4TqWiuXOA==",
+      "license": "MIT",
+      "dependencies": {
+        "property-expr": "^2.0.5",
+        "tiny-case": "^1.0.3",
+        "toposort": "^2.0.2",
+        "type-fest": "^2.19.0"
+      }
+    },
+    "node_modules/yup/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/zdog": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/zdog/-/zdog-1.1.3.tgz",
diff --git a/package.json b/package.json
index d555ef09d..40b84865c 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.10.0",
     "axios": "^1.6.8",
     "framer-motion": "^11.1.7",
     "gsap": "^3.12.5",
@@ -18,6 +19,7 @@
     "react-chrono": "^2.6.1",
     "react-d3-cloud": "^1.0.6",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.54.2",
     "react-icon-cloud": "^1.1.3",
     "react-icons": "^5.2.1",
     "react-router-dom": "^6.23.0",
@@ -26,7 +28,8 @@
     "simple-icons": "^5.24.0",
     "stats.js": "^0.17.0",
     "three": "^0.165.0",
-    "uuid": "^8.3.2"
+    "uuid": "^8.3.2",
+    "yup": "^1.6.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",
diff --git a/src/App.jsx b/src/App.jsx
index 99d8d90b1..ce5035316 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -15,6 +15,7 @@ import VerticalTimeline from './Components/Timeline';
 import Carousel from './Components/Carousel';
 import Hero from './Components/Hero';
 import Footer from "./Components/Footer"
+import ProposalForm from './Components/ProposalForm';
 
 
 const Homepage = () => {
@@ -54,6 +55,7 @@ function App() {
         {/* <Route path="/time" element={<VerticalTimeline />} /> */}
 
         {/* <Route path="/" element={<OrderManagement />} /> */}
+        <Route path="/forms" element={<ProposalForm />} />
       </Routes>
       <Footer />
     </Router>
diff --git a/src/Components/ProposalFields.jsx b/src/Components/ProposalFields.jsx
new file mode 100644
index 000000000..95ef3e647
--- /dev/null
+++ b/src/Components/ProposalFields.jsx
@@ -0,0 +1,10 @@
+import * as yup from 'yup';
+
+export const proposalSchema = yup.object().shape({
+  name: yup.string().required('Name is required'),
+  email: yup.string().email('Invalid email').required('Email is required'),
+  proposalTitle: yup.string().min(5, 'Title must be at least 5 characters').required('Title is required'),
+  description: yup.string().min(20, 'Description must be at least 20 characters').required('Description is required'),
+  difficulty: yup.string().oneOf(['beginner', 'intermediate', 'advanced'], 'Invalid difficulty').required('Difficulty is required'),
+  mentors: yup.string().required('Mentor names are required')
+});
diff --git a/src/Components/ProposalForm.jsx b/src/Components/ProposalForm.jsx
new file mode 100644
index 000000000..0f7062cbe
--- /dev/null
+++ b/src/Components/ProposalForm.jsx
@@ -0,0 +1,176 @@
+import React, { useState } from 'react';
+import { useForm, Controller } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { FaUpload, FaUsers, FaPaperclip } from 'react-icons/fa';
+import { proposalSchema } from './ProposalFields';
+import ProposalPreview from './ProposalPreview';
+
+const ProposalForm = () => {
+  const [formData, setFormData] = useState({});
+  const [images, setImages] = useState([]);
+  const [references, setReferences] = useState([{ title: '', link: '' }]);
+
+  const { 
+    control, 
+    handleSubmit, 
+    formState: { errors, isSubmitting }, 
+    setValue,
+    reset 
+  } = useForm({
+    resolver: yupResolver(proposalSchema),
+    mode: 'onChange'
+  });
+
+  const onSubmit = (data) => {
+    console.log('Proposal Submitted:', {
+      ...data,
+      images: images,
+      references
+    });
+    setFormData(data);
+  };
+
+  const handleImageUpload = (e) => {
+    const files = Array.from(e.target.files);
+    const previews = files.map(file => URL.createObjectURL(file));
+    setImages(previews);
+    setValue('images', files);
+  };
+
+  const addReferenceField = () => {
+    setReferences([...references, { title: '', link: '' }]);
+  };
+
+  return (
+    <div className="bg-transparent min-h-screen flex items-center justify-center p-4">
+      <div className="container mx-auto grid grid-cols-2 gap-8">
+        <form onSubmit={handleSubmit(onSubmit)} className="bg-slate-800 rounded-2xl p-8 space-y-5 text-white">
+          <div className="text-4xl font-bold font-mono text-center mb-6 text-blue-500">Submit Proposal</div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <Controller name="name" control={control} defaultValue=""
+              render={({ field }) => (
+                <div className="relative flex items-center">
+                  <input {...field} placeholder="Your Name"
+                    className={`w-full p-3 pl-10 bg-slate-700 rounded-lg ${
+                      errors.name ? 'border-2 border-red-500' : ''
+                    }`}
+                  />
+                  <FaUsers className="absolute left-3 text-slate-400" />
+                </div>
+              )}
+            />
+            <Controller name="email" control={control} defaultValue=""
+              render={({ field }) => (
+                <div className="relative flex items-center">
+                  <input {...field} type="email" placeholder="Email Address"
+                    className={`w-full p-3 pl-10 bg-slate-700 rounded-lg ${
+                      errors.email ? 'border-2 border-red-500' : ''
+                    }`}
+                  />
+                  <FaPaperclip className="absolute left-3 text-slate-400" />
+                </div>
+              )}
+            />
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <Controller name="proposalTitle" control={control} defaultValue=""
+              render={({ field }) => (
+                <input {...field} placeholder="Proposal Title"
+                  className={`w-full p-3 bg-slate-700 rounded-lg ${
+                    errors.proposalTitle ? 'border-2 border-red-500' : ''
+                  }`}
+                />
+              )}
+            />
+            <Controller name="difficulty" control={control} defaultValue="beginner"
+              render={({ field }) => (
+                <select {...field} className="w-full p-3 border-r-[12px] border-b-2 flex border-transparent bg-slate-700 rounded-lg">
+                  <option value="beginner">Beginner</option>
+                  <option value="intermediate">Intermediate</option>
+                  <option value="advanced">Advanced</option>
+                </select>
+              )}
+            />
+          </div>
+
+          <Controller name="mentors" control={control} defaultValue=""
+            render={({ field }) => (
+              <input {...field} placeholder="Project Mentors"
+                className={`w-full p-3 bg-slate-700 rounded-lg ${
+                  errors.mentors ? 'border-2 border-red-500' : ''
+                }`}
+              />
+            )}
+          />
+
+          <Controller name="description" control={control} defaultValue=""
+            render={({ field }) => (
+              <textarea {...field} placeholder="Proposal Description" rows={4}
+                className="w-full p-3 bg-slate-700 rounded-lg resize-none"
+              />
+            )}
+          />
+
+          <div className="space-y-3">
+            {references.map((ref, index) => (
+              <div key={index} className="grid grid-cols-2 gap-3">
+                <input placeholder="Reference Title" value={ref.title}
+                  onChange={(e) => {
+                    const newRefs = [...references];
+                    newRefs[index].title = e.target.value;
+                    setReferences(newRefs);
+                  }}
+                  className="p-3 bg-slate-700 rounded-lg"
+                />
+                <input placeholder="Reference Link" value={ref.link}
+                  onChange={(e) => {
+                    const newRefs = [...references];
+                    newRefs[index].link = e.target.value;
+                    setReferences(newRefs);
+                  }}
+                  className="p-3 bg-slate-700 rounded-lg"
+                />
+              </div>
+            ))}
+            <button type="button" onClick={addReferenceField} 
+                className="text-blue-400 hover:text-blue-300 transition-colors"
+            >
+              + Add Reference
+            </button>
+          </div>
+
+          <div>
+            <input
+              type="file" multiple onChange={handleImageUpload}
+              className="hidden" id="image-upload" accept="image/*"
+            />
+            <label htmlFor="image-upload" className="flex items-center justify-center w-full 
+                p-4 border-2 border-dashed border-slate-600 rounded-lg cursor-pointer 
+                hover:border-blue-500 transition-colors"
+            >
+              <FaUpload className="mr-3 text-slate-400" />
+              <span className="text-slate-400">Upload Project Images</span>
+            </label>
+          </div>
+
+          <button type="submit" disabled={isSubmitting} className="w-full bg-blue-600 
+            text-white p-3 rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50"
+          >
+            Submit Proposal
+          </button>
+        </form>
+
+        <ProposalPreview formData={formData} references={references} images={images}/>
+
+      </div>
+      <svg className="absolute bottom-0 left-0 right-0 z-[-1] opacity-100" viewBox="0 0 1440 320"
+        style={{ clipPath: 'polygon(0 0, 100% 0, 100% 90%, 0 100%)' }}>
+        <use href="src/assets/wordcloud.svg" />
+      </svg>
+    </div>
+  );
+};
+
+export default ProposalForm;
\ No newline at end of file
diff --git a/src/Components/ProposalPreview.jsx b/src/Components/ProposalPreview.jsx
new file mode 100644
index 000000000..96404c726
--- /dev/null
+++ b/src/Components/ProposalPreview.jsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import { FaLink } from 'react-icons/fa';
+
+const ProposalPreview = ({ formData, references, images }) => (
+    <div className="bg-slate-800 rounded-2xl p-8 pt-9 space-y-6 text-white">
+    <h3 className="text-3xl text-purple-600 font-mono font-bold">Proposal Preview</h3>
+    
+    {Object.keys(formData).length > 0 && (
+      <div className="space-y-4">
+        <div className='font-mono text-xl'>
+          <span>Name:</span> {formData.name}
+        </div>
+        <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
+          <span>Email:</span> {formData.email}
+        </div>
+        <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
+          <span>Proposal Title:</span> {formData.proposalTitle}
+        </div>
+        <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
+          <span>Description:</span> {formData.description}
+        </div>
+        <div className='font-mono text-xl'>
+          <span>Difficulty:</span> {formData.difficulty}
+        </div>
+        <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
+          <span>Mentors:</span> {formData.mentors}
+        </div>
+        
+        {references.length > 0 && (
+          <div>
+            <div className='font-mono text-xl'>References:</div>
+            {references.map((ref, index) => (
+              ref.title && ref.link && (
+                <div key={index} className="flex items-center space-x-2 mt-1 text-xl">
+                  <FaLink className="w-4 h-4 text-blue-400" />
+                  <a href={ref.link} target="_blank" rel="noopener noreferrer"
+                    className="text-blue-300 hover:underline">{ref.title}</a>
+                </div>
+              )
+            ))}
+          </div>
+        )}
+      </div>
+    )}
+
+    {images.length > 0 && (
+      <div className="grid grid-cols-3 gap-4">
+        {images.map((src, index) => (
+          <img key={index} src={src} alt={`Preview ${index + 1}`} 
+            className="w-full h-32 object-cover rounded-lg"/>
+        ))}
+      </div>
+    )}
+  </div>
+);
+
+export default ProposalPreview;
\ No newline at end of file

From 7c101374ba31e6a8d16d35c1dd96af04cd56cd3d Mon Sep 17 00:00:00 2001
From: Kavya Rambhia <161142013+kavya-r30@users.noreply.github.com>
Date: Sat, 25 Jan 2025 19:20:31 +0530
Subject: [PATCH 2/2] commit

---
 backend/.gitignore                 |    2 +
 backend/app.js                     |  104 +++
 backend/package-lock.json          | 1075 ++++++++++++++++++++++++++++
 backend/package.json               |   20 +
 package-lock.json                  |   26 +-
 package.json                       |    3 +-
 src/Components/ProposalFields.jsx  |   36 +-
 src/Components/ProposalForm.jsx    |  288 +++++---
 src/Components/ProposalPreview.jsx |   62 +-
 9 files changed, 1501 insertions(+), 115 deletions(-)
 create mode 100644 backend/.gitignore
 create mode 100644 backend/app.js
 create mode 100644 backend/package-lock.json
 create mode 100644 backend/package.json

diff --git a/backend/.gitignore b/backend/.gitignore
new file mode 100644
index 000000000..1dcef2d9f
--- /dev/null
+++ b/backend/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+.env
\ No newline at end of file
diff --git a/backend/app.js b/backend/app.js
new file mode 100644
index 000000000..8a09dd8c7
--- /dev/null
+++ b/backend/app.js
@@ -0,0 +1,104 @@
+const express = require('express');
+const nodemailer = require('nodemailer');
+const multer = require('multer');
+const cors = require('cors');
+const path = require('path');
+require('dotenv').config();
+
+const app = express();
+
+app.use(cors());
+app.use(express.json());
+app.use(express.urlencoded({ extended: true }));
+
+const storage = multer.diskStorage({
+  destination: (req, file, cb) => {
+    cb(null, 'uploads/');
+  },
+  filename: (req, file, cb) => {
+    cb(null, Date.now() + path.extname(file.originalname));
+  }
+});
+const upload = multer({ storage: storage });
+
+const transporter = nodemailer.createTransport({
+  service: 'gmail',
+  auth: {
+    user: process.env.EMAIL_USER,
+    pass: process.env.EMAIL_PASS
+  }
+});
+
+// Endpoint for proposal submission
+app.post('/submit-proposal', upload.array('pdfs'), async (req, res) => {
+  const { 
+    name, 
+    email, 
+    proposalTitle, 
+    description, 
+    difficulty, 
+    mentors,
+    references
+  } = req.body;
+
+  const mentorList = mentors.split(',').map(mentor => {
+    const [mentorName, mentorEmail] = mentor.trim().split(':');
+    return { name: mentorName.trim(), email: mentorEmail.trim() };
+  });
+
+  try {
+    // Sender Confirmation Email
+    await transporter.sendMail({
+      from: 'your_email@gmail.com',
+      to: email,
+      subject: 'Proposal Submission Confirmation',
+      html: `
+        <h2>Proposal Submission Confirmation</h2>
+        <p>Hi ${name},</p>
+        <p>Your proposal "${proposalTitle}" has been submitted successfully.</p>
+        <h3>Proposal Details:</h3>
+        <ul>
+          <li><strong>Title:</strong> ${proposalTitle}</li>
+          <li><strong>Difficulty:</strong> ${difficulty}</li>
+          <li><strong>Description:</strong> ${description}</li>
+        </ul>
+      `,
+      attachments: req.files.map(file => ({
+        filename: file.originalname,
+        path: file.path
+      }))
+    });
+
+    // Mentor Notification Emails
+    for (const mentor of mentorList) {
+      await transporter.sendMail({
+        from: 'your_email@gmail.com',
+        to: mentor.email,
+        subject: `New Proposal: ${proposalTitle}`,
+        html: `
+          <h2>Proposal Notification</h2>
+          <p>A new proposal has been submitted:</p>
+          <h3>Proposal Details:</h3>
+          <ul>
+            <li><strong>Submitter:</strong> ${name}</li>
+            <li><strong>Title:</strong> ${proposalTitle}</li>
+            <li><strong>Difficulty:</strong> ${difficulty}</li>
+            <li><strong>Description:</strong> ${description}</li>
+          </ul>
+        `,
+        attachments: req.files.map(file => ({
+          filename: file.originalname,
+          path: file.path
+        }))
+      });
+    }
+
+    res.status(200).json({ message: 'Emails sent successfully' });
+  } catch (error) {
+    console.error('Email sending error:', error);
+    res.status(500).json({ message: 'Failed to send emails', error: error.message });
+  }
+});
+
+const PORT = process.env.PORT || 3001;
+app.listen(PORT, () => console.log(`Server running on port ${PORT}`));
\ No newline at end of file
diff --git a/backend/package-lock.json b/backend/package-lock.json
new file mode 100644
index 000000000..fa32ac7cf
--- /dev/null
+++ b/backend/package-lock.json
@@ -0,0 +1,1075 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "backend",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.7",
+        "express": "^4.21.2",
+        "multer": "^1.4.5-lts.1",
+        "nodemailer": "^6.10.0",
+        "path": "^0.12.7"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/append-field": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
+      "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==",
+      "license": "MIT"
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+      "license": "MIT"
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.4.7",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
+      "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.7.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/multer": {
+      "version": "1.4.5-lts.1",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.5-lts.1.tgz",
+      "integrity": "sha512-ywPWvcDMeH+z9gQq5qYHCCy+ethsk4goepZ45GLD63fOu0YcNecQxi64nDs3qluZB+murG3/D4dJ7+dGctcCQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.0.0",
+        "concat-stream": "^1.5.2",
+        "mkdirp": "^0.5.4",
+        "object-assign": "^4.1.1",
+        "type-is": "^1.6.4",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nodemailer": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.10.0.tgz",
+      "integrity": "sha512-SQ3wZCExjeSatLE/HBaXS5vqUOQk6GtBdIIKxiFdmm01mOQZX/POJkO3SUX1wDiYcwUOJwT23scFSC9fY2H8IA==",
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path": {
+      "version": "0.12.7",
+      "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz",
+      "integrity": "sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "process": "^0.11.1",
+        "util": "^0.10.3"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "license": "MIT"
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "license": "MIT"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/util": {
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz",
+      "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "2.0.3"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/util/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "license": "ISC"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    }
+  }
+}
diff --git a/backend/package.json b/backend/package.json
new file mode 100644
index 000000000..e1b60bb26
--- /dev/null
+++ b/backend/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "backend",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.7",
+    "express": "^4.21.2",
+    "multer": "^1.4.5-lts.1",
+    "nodemailer": "^6.10.0",
+    "path": "^0.12.7"
+  }
+}
diff --git a/package-lock.json b/package-lock.json
index 53c21cd65..712b5374c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@hookform/resolvers": "^3.10.0",
-        "axios": "^1.6.8",
+        "axios": "^1.7.9",
         "framer-motion": "^11.1.7",
         "gsap": "^3.12.5",
         "lil-gui": "^0.19.2",
@@ -23,6 +23,7 @@
         "react-router-dom": "^6.23.0",
         "react-spring": "^9.7.3",
         "react-three-fiber": "^6.0.13",
+        "react-toastify": "^11.0.3",
         "simple-icons": "^5.24.0",
         "stats.js": "^0.17.0",
         "three": "^0.165.0",
@@ -4745,6 +4746,7 @@
       "version": "1.7.9",
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
       "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
+      "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
@@ -5273,6 +5275,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -10335,6 +10346,19 @@
         }
       }
     },
+    "node_modules/react-toastify": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-11.0.3.tgz",
+      "integrity": "sha512-cbPtHJPfc0sGqVwozBwaTrTu1ogB9+BLLjd4dDXd863qYLj7DGrQ2sg5RAChjFUB4yc3w8iXOtWcJqPK/6xqRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19",
+        "react-dom": "^18 || ^19"
+      }
+    },
     "node_modules/react-use-measure": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/react-use-measure/-/react-use-measure-2.1.1.tgz",
diff --git a/package.json b/package.json
index 40b84865c..93be7e16e 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.10.0",
-    "axios": "^1.6.8",
+    "axios": "^1.7.9",
     "framer-motion": "^11.1.7",
     "gsap": "^3.12.5",
     "lil-gui": "^0.19.2",
@@ -25,6 +25,7 @@
     "react-router-dom": "^6.23.0",
     "react-spring": "^9.7.3",
     "react-three-fiber": "^6.0.13",
+    "react-toastify": "^11.0.3",
     "simple-icons": "^5.24.0",
     "stats.js": "^0.17.0",
     "three": "^0.165.0",
diff --git a/src/Components/ProposalFields.jsx b/src/Components/ProposalFields.jsx
index 95ef3e647..07de13882 100644
--- a/src/Components/ProposalFields.jsx
+++ b/src/Components/ProposalFields.jsx
@@ -2,9 +2,33 @@ import * as yup from 'yup';
 
 export const proposalSchema = yup.object().shape({
   name: yup.string().required('Name is required'),
-  email: yup.string().email('Invalid email').required('Email is required'),
-  proposalTitle: yup.string().min(5, 'Title must be at least 5 characters').required('Title is required'),
-  description: yup.string().min(20, 'Description must be at least 20 characters').required('Description is required'),
-  difficulty: yup.string().oneOf(['beginner', 'intermediate', 'advanced'], 'Invalid difficulty').required('Difficulty is required'),
-  mentors: yup.string().required('Mentor names are required')
-});
+  email: yup.string().email('Invalid email format').required('Email is required'),
+  proposalTitle: yup.string()
+    .min(5, 'Title must be at least 5 characters')
+    .required('Title is required'),
+  description: yup.string()
+    .min(20, 'Description must be at least 20 characters')
+    .required('Description is required'),
+  difficulty: yup.string()
+    .oneOf(['beginner', 'intermediate', 'advanced'], 'Invalid difficulty')
+    .required('Difficulty is required'),
+  mentors: yup.string()
+    .test('valid-mentors', 'Provide mentor names and emails (name1:email1, name2:email2)', function(value) {
+      if (!value) return false;
+      const mentorEntries = value.split(',').map(entry => entry.trim());
+      return mentorEntries.every(entry => {
+        const [name, email] = entry.split(':').map(part => part.trim());
+        return name && email && yup.string().email().isValidSync(email);
+      });
+    })
+    .required('Mentors are required'),
+  pdfs: yup.array().of(
+    yup.mixed()
+      .test('fileType', 'Only PDF files are allowed', (value) => {
+        return value && value.type === 'application/pdf';
+      })
+      .test('fileSize', 'PDF must be less than 5MB', (value) => {
+        return value && value.size <= 5 * 1024 * 1024; // 5MB
+      })
+  ).nullable()
+});
\ No newline at end of file
diff --git a/src/Components/ProposalForm.jsx b/src/Components/ProposalForm.jsx
index 0f7062cbe..20fa78dc4 100644
--- a/src/Components/ProposalForm.jsx
+++ b/src/Components/ProposalForm.jsx
@@ -1,19 +1,22 @@
 import React, { useState } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { FaUpload, FaUsers, FaPaperclip } from 'react-icons/fa';
-import { proposalSchema } from './ProposalFields';
+import * as yup from 'yup';
+import { FaFilePdf, FaSpinner } from 'react-icons/fa';
 import ProposalPreview from './ProposalPreview';
+import { proposalSchema } from './ProposalFields';
+import axios from 'axios';
 
 const ProposalForm = () => {
   const [formData, setFormData] = useState({});
-  const [images, setImages] = useState([]);
+  const [pdfs, setPdfs] = useState([]);
   const [references, setReferences] = useState([{ title: '', link: '' }]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const { 
     control, 
     handleSubmit, 
-    formState: { errors, isSubmitting }, 
+    formState: { errors }, 
     setValue,
     reset 
   } = useForm({
@@ -21,20 +24,54 @@ const ProposalForm = () => {
     mode: 'onChange'
   });
 
-  const onSubmit = (data) => {
-    console.log('Proposal Submitted:', {
-      ...data,
-      images: images,
-      references
-    });
-    setFormData(data);
+  const onSubmit = async (data) => {
+    const hasEmptyReference = references.some(ref => 
+      !ref.title.trim() || !ref.link.trim()
+    );
+
+    if (hasEmptyReference) {
+      alert('Please fill in all reference fields or remove empty references');
+      return;
+    }
+
+    try {
+      setIsSubmitting(true);
+      setFormData(data);
+
+      const formDataToSend = new FormData();
+      Object.keys(data).forEach(key => {
+        if (key !== 'pdfs') {
+          formDataToSend.append(key, data[key]);
+        }
+      });
+
+      formDataToSend.append('references', JSON.stringify(references));
+      
+      pdfs.forEach(pdfFile => {
+        formDataToSend.append('pdfs', pdfFile);
+      });
+      
+      const response = await axios.post('http://localhost:3001/submit-proposal', formDataToSend, {
+        headers: { 'Content-Type': 'multipart/form-data' }
+      });
+
+      alert('Proposal submitted successfully!');
+      
+      reset();
+      setPdfs([]);
+      setReferences([{ title: '', link: '' }]);
+    } catch (error) {
+      console.error('Submission error:', error);
+      alert(error.response?.data?.message || 'Failed to submit proposal');
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
-  const handleImageUpload = (e) => {
+  const handlePdfUpload = (e) => {
     const files = Array.from(e.target.files);
-    const previews = files.map(file => URL.createObjectURL(file));
-    setImages(previews);
-    setValue('images', files);
+    setPdfs(files);
+    setValue('pdfs', files);
   };
 
   const addReferenceField = () => {
@@ -48,75 +85,144 @@ const ProposalForm = () => {
           <div className="text-4xl font-bold font-mono text-center mb-6 text-blue-500">Submit Proposal</div>
 
           <div className="grid grid-cols-2 gap-4">
-            <Controller name="name" control={control} defaultValue=""
-              render={({ field }) => (
-                <div className="relative flex items-center">
-                  <input {...field} placeholder="Your Name"
-                    className={`w-full p-3 pl-10 bg-slate-700 rounded-lg ${
-                      errors.name ? 'border-2 border-red-500' : ''
-                    }`}
-                  />
-                  <FaUsers className="absolute left-3 text-slate-400" />
-                </div>
-              )}
-            />
-            <Controller name="email" control={control} defaultValue=""
+            <div>
+              <Controller 
+                name="name" 
+                control={control} 
+                defaultValue=""
+                render={({ field }) => (
+                  <div>
+                    <input 
+                      {...field} 
+                      placeholder="Your Name"
+                      className={`w-full p-3 flex items-center bg-slate-700 rounded-lg ${
+                        errors.name ? 'border-2 border-red-500' : ''
+                      }`}
+                    />
+                    {errors.name && (
+                      <p className="text-red-500 text-sm mt-1">{errors.name.message}</p>
+                    )}
+                  </div>
+                )}
+              />
+            </div>
+            <div>
+              <Controller 
+                name="email" 
+                control={control} 
+                defaultValue=""
+                render={({ field }) => (
+                  <div>
+                    <input 
+                      {...field} 
+                      type="email" 
+                      placeholder="Email Address"
+                      className={`w-full p-3 bg-slate-700 rounded-lg ${
+                        errors.email ? 'border-2 border-red-500' : ''
+                      }`}
+                    />
+                    {errors.email && (
+                      <p className="text-red-500 text-sm mt-1">{errors.email.message}</p>
+                    )}
+                  </div>
+                )}
+              />
+            </div>
+          </div>
+
+          <div>
+            <Controller 
+              name="mentors" 
+              control={control} 
+              defaultValue=""
               render={({ field }) => (
-                <div className="relative flex items-center">
-                  <input {...field} type="email" placeholder="Email Address"
-                    className={`w-full p-3 pl-10 bg-slate-700 rounded-lg ${
-                      errors.email ? 'border-2 border-red-500' : ''
+                <div>
+                  <input 
+                    {...field} 
+                    placeholder="Mentors (name1:email1, name2:email2)"
+                    className={`w-full p-3 bg-slate-700 rounded-lg ${
+                      errors.mentors ? 'border-2 border-red-500' : ''
                     }`}
                   />
-                  <FaPaperclip className="absolute left-3 text-slate-400" />
+                  {errors.mentors && (
+                    <p className="text-red-500 text-sm mt-1">{errors.mentors.message}</p>
+                  )}
                 </div>
               )}
             />
           </div>
 
           <div className="grid grid-cols-2 gap-4">
-            <Controller name="proposalTitle" control={control} defaultValue=""
+            <Controller 
+              name="proposalTitle" 
+              control={control} 
+              defaultValue=""
               render={({ field }) => (
-                <input {...field} placeholder="Proposal Title"
-                  className={`w-full p-3 bg-slate-700 rounded-lg ${
-                    errors.proposalTitle ? 'border-2 border-red-500' : ''
-                  }`}
-                />
+                <div>
+                  <input 
+                    {...field} 
+                    placeholder="Proposal Title"
+                    className={`w-full p-3 bg-slate-700 rounded-lg ${
+                      errors.proposalTitle ? 'border-2 border-red-500' : ''
+                    }`}
+                  />
+                  {errors.proposalTitle && (
+                    <p className="text-red-500 text-sm mt-1">{errors.proposalTitle.message}</p>
+                  )}
+                </div>
               )}
             />
-            <Controller name="difficulty" control={control} defaultValue="beginner"
+            <Controller 
+              name="difficulty" 
+              control={control} 
+              defaultValue="beginner"
               render={({ field }) => (
-                <select {...field} className="w-full p-3 border-r-[12px] border-b-2 flex border-transparent bg-slate-700 rounded-lg">
-                  <option value="beginner">Beginner</option>
-                  <option value="intermediate">Intermediate</option>
-                  <option value="advanced">Advanced</option>
-                </select>
+                <div>
+                  <select 
+                    {...field} 
+                    className={`w-full p-3 border-r-[12px] border-b-2 flex border-transparent bg-slate-700 rounded-lg ${
+                      errors.difficulty ? 'border-2 border-red-500' : ''
+                    }`}
+                  >
+                    <option value="beginner">Beginner</option>
+                    <option value="intermediate">Intermediate</option>
+                    <option value="advanced">Advanced</option>
+                  </select>
+                  {errors.difficulty && (
+                    <p className="text-red-500 text-sm mt-1">{errors.difficulty.message}</p>
+                  )}
+                </div>
               )}
             />
           </div>
 
-          <Controller name="mentors" control={control} defaultValue=""
+          <Controller 
+            name="description" 
+            control={control} 
+            defaultValue=""
             render={({ field }) => (
-              <input {...field} placeholder="Project Mentors"
-                className={`w-full p-3 bg-slate-700 rounded-lg ${
-                  errors.mentors ? 'border-2 border-red-500' : ''
-                }`}
-              />
-            )}
-          />
-
-          <Controller name="description" control={control} defaultValue=""
-            render={({ field }) => (
-              <textarea {...field} placeholder="Proposal Description" rows={4}
-                className="w-full p-3 bg-slate-700 rounded-lg resize-none"
-              />
+              <div>
+                <textarea 
+                  {...field} 
+                  placeholder="Proposal Description" 
+                  rows={4}
+                  className={`w-full p-3 bg-slate-700 rounded-lg resize-none ${
+                    errors.description ? 'border-2 border-red-500' : ''
+                  }`}
+                />
+                {errors.description && (
+                  <p className="text-red-500 text-sm mt-1">{errors.description.message}</p>
+                )}
+              </div>
             )}
           />
 
           <div className="space-y-3">
             {references.map((ref, index) => (
               <div key={index} className="grid grid-cols-2 gap-3">
-                <input placeholder="Reference Title" value={ref.title}
+                <input 
+                  placeholder="Reference Title" 
+                  value={ref.title}
                   onChange={(e) => {
                     const newRefs = [...references];
                     newRefs[index].title = e.target.value;
@@ -124,7 +230,9 @@ const ProposalForm = () => {
                   }}
                   className="p-3 bg-slate-700 rounded-lg"
                 />
-                <input placeholder="Reference Link" value={ref.link}
+                <input 
+                  placeholder="Reference Link" 
+                  value={ref.link}
                   onChange={(e) => {
                     const newRefs = [...references];
                     newRefs[index].link = e.target.value;
@@ -134,41 +242,61 @@ const ProposalForm = () => {
                 />
               </div>
             ))}
-            <button type="button" onClick={addReferenceField} 
-                className="text-blue-400 hover:text-blue-300 transition-colors"
+            <button 
+              type="button" 
+              onClick={addReferenceField} 
+              className="text-blue-400 hover:text-blue-300 transition-colors"
             >
               + Add Reference
             </button>
           </div>
 
           <div>
-            <input
-              type="file" multiple onChange={handleImageUpload}
-              className="hidden" id="image-upload" accept="image/*"
+            <input 
+              type="file" 
+              multiple 
+              onChange={handlePdfUpload}
+              className="hidden" 
+              id="pdf-upload" 
+              accept=".pdf"
             />
-            <label htmlFor="image-upload" className="flex items-center justify-center w-full 
-                p-4 border-2 border-dashed border-slate-600 rounded-lg cursor-pointer 
-                hover:border-blue-500 transition-colors"
+            <label 
+              htmlFor="pdf-upload" 
+              className={`flex items-center justify-center w-full 
+                p-4 border-2 border-dashed rounded-lg cursor-pointer 
+                transition-colors ${
+                  errors.pdfs 
+                    ? 'border-red-500 text-red-500' 
+                    : 'border-slate-600 text-slate-400 hover:border-blue-500'
+                }`}
             >
-              <FaUpload className="mr-3 text-slate-400" />
-              <span className="text-slate-400">Upload Project Images</span>
+              <FaFilePdf className="mr-3" />
+              <span>{errors.pdfs ? errors.pdfs.message : 'Upload Project PDFs'}</span>
             </label>
           </div>
 
-          <button type="submit" disabled={isSubmitting} className="w-full bg-blue-600 
-            text-white p-3 rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50"
+          <button 
+            type="submit" 
+            disabled={isSubmitting}
+            className={`w-full p-3 rounded-lg transition-colors ${
+              isSubmitting 
+                ? 'bg-blue-800 cursor-not-allowed' 
+                : 'bg-blue-600 hover:bg-blue-700'
+            } text-white flex items-center justify-center`}
           >
-            Submit Proposal
+            {isSubmitting ? (
+              <>
+                <FaSpinner className="mr-2 animate-spin" />
+                Submitting...
+              </>
+            ) : (
+              'Submit Proposal'
+            )}
           </button>
         </form>
 
-        <ProposalPreview formData={formData} references={references} images={images}/>
-
+        <ProposalPreview formData={formData} references={references} pdfs={pdfs}/>
       </div>
-      <svg className="absolute bottom-0 left-0 right-0 z-[-1] opacity-100" viewBox="0 0 1440 320"
-        style={{ clipPath: 'polygon(0 0, 100% 0, 100% 90%, 0 100%)' }}>
-        <use href="src/assets/wordcloud.svg" />
-      </svg>
     </div>
   );
 };
diff --git a/src/Components/ProposalPreview.jsx b/src/Components/ProposalPreview.jsx
index 96404c726..e0f243633 100644
--- a/src/Components/ProposalPreview.jsx
+++ b/src/Components/ProposalPreview.jsx
@@ -1,8 +1,8 @@
 import React from 'react';
-import { FaLink } from 'react-icons/fa';
+import { FaLink, FaFilePdf } from 'react-icons/fa';
 
-const ProposalPreview = ({ formData, references, images }) => (
-    <div className="bg-slate-800 rounded-2xl p-8 pt-9 space-y-6 text-white">
+const ProposalPreview = ({ formData, references, pdfs }) => (
+  <div className="bg-slate-800 rounded-2xl p-8 pt-9 space-y-6 text-white">
     <h3 className="text-3xl text-purple-600 font-mono font-bold">Proposal Preview</h3>
     
     {Object.keys(formData).length > 0 && (
@@ -13,44 +13,52 @@ const ProposalPreview = ({ formData, references, images }) => (
         <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
           <span>Email:</span> {formData.email}
         </div>
-        <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
-          <span>Proposal Title:</span> {formData.proposalTitle}
+        <div className='font-mono text-xl'>
+          <span>Mentors:</span> {formData.mentors}
         </div>
         <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
-          <span>Description:</span> {formData.description}
+          <span>Proposal Title:</span> {formData.proposalTitle}
         </div>
         <div className='font-mono text-xl'>
           <span>Difficulty:</span> {formData.difficulty}
         </div>
         <div className='font-mono text-xl' style={{ overflowWrap: 'break-word', wordWrap: 'break-word' }}>
-          <span>Mentors:</span> {formData.mentors}
+          <span>Description:</span> {formData.description}
         </div>
-        
-        {references.length > 0 && (
-          <div>
-            <div className='font-mono text-xl'>References:</div>
-            {references.map((ref, index) => (
-              ref.title && ref.link && (
-                <div key={index} className="flex items-center space-x-2 mt-1 text-xl">
-                  <FaLink className="w-4 h-4 text-blue-400" />
-                  <a href={ref.link} target="_blank" rel="noopener noreferrer"
-                    className="text-blue-300 hover:underline">{ref.title}</a>
-                </div>
-              )
-            ))}
-          </div>
-        )}
       </div>
     )}
 
-    {images.length > 0 && (
-      <div className="grid grid-cols-3 gap-4">
-        {images.map((src, index) => (
-          <img key={index} src={src} alt={`Preview ${index + 1}`} 
-            className="w-full h-32 object-cover rounded-lg"/>
+    {references.length > 0 && (
+      <div>
+        <div className='font-mono text-xl mb-2'>References:</div>
+        {references.map((ref, index) => (
+          ref.title && ref.link && (
+            <div key={index} className="flex items-center space-x-2 mt-1 text-xl">
+              <FaLink className="w-4 h-4 text-blue-400" />
+              <a href={ref.link} target="_blank" rel="noopener noreferrer" 
+                className="text-blue-300 hover:underline">{ref.title}</a>
+            </div>
+          )
         ))}
       </div>
     )}
+
+    {pdfs.length > 0 && (
+      <div>
+        <div className='font-mono text-xl mb-2'>Uploaded PDFs:</div>
+        <div className="grid grid-cols-1 gap-2">
+          {pdfs.map((pdf, index) => (
+            <div 
+              key={index} 
+              className="flex items-center space-x-2 bg-slate-700 p-2 rounded-lg"
+            >
+              <FaFilePdf className="text-red-500 w-6 h-6" />
+              <span className="text-white truncate">{pdf.name}</span>
+            </div>
+          ))}
+        </div>
+      </div>
+    )}
   </div>
 );