+ Showing {(currentPage - 1) * itemsPerPage + 1} to {Math.min(currentPage * itemsPerPage, numOfItems)} of {numOfItems} applications
+
+
+
+
+
+
+
+ );
+}
+
+export default Pagination;
diff --git a/frontend/src/components/PdfViewer.jsx b/frontend/src/components/PdfViewer.jsx
new file mode 100644
index 0000000..53e9376
--- /dev/null
+++ b/frontend/src/components/PdfViewer.jsx
@@ -0,0 +1,25 @@
+// PdfViewer.js
+import React from "react";
+import Modal from "./Modal/Modal";
+
+function PdfViewer({ fileUrl, setIsModalOpen }) {
+ if (!fileUrl) {
+ return
Loading PDF...
;
+ }
+
+ return (
+ setIsModalOpen(false)}>
+
+
+ );
+}
+
+export default PdfViewer;
diff --git a/frontend/src/hooks/.keep b/frontend/src/hooks/.keep
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/index.css b/frontend/src/index.css
new file mode 100644
index 0000000..bd6213e
--- /dev/null
+++ b/frontend/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
new file mode 100644
index 0000000..54b39dd
--- /dev/null
+++ b/frontend/src/main.jsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.jsx'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+
+
+ ,
+)
diff --git a/frontend/src/pages/About/About.jsx b/frontend/src/pages/About/About.jsx
new file mode 100644
index 0000000..ce271e8
--- /dev/null
+++ b/frontend/src/pages/About/About.jsx
@@ -0,0 +1,145 @@
+import React from "react";
+
+const About = () => {
+ return (
+
+ {/* Hero Section */}
+
+
+
+
+ Welcome to Our Travel Policy
+
+
+ Structured, efficient, and research-focused travel planning.
+
+
+
+
+
+ {/* Mission & Vision */}
+
+
+
Our Approach
+
+ Our travel policy for research students and associates ensures a
+ structured process for approvals and financial support, fostering
+ efficiency and alignment with academic and research objectives.
+
+
+
+
+
+
+
+ {/* Achievements & History */}
+
+
Policy Highlights
+
+ {[
+ {
+ title: "Travel Request Form",
+ description:
+ "Submit detailed forms including purpose, destination, budget, and supporting documentation.",
+ icon: "📄",
+ },
+ {
+ title: "Approval Process",
+ description:
+ "Supervisor, department head, and Office of Research must approve for major travels.",
+ icon: "✔️",
+ },
+ {
+ title: "Financial Support",
+ description:
+ "Eligibility depends on travel relevance, available funds, and research alignment.",
+ icon: "💰",
+ },
+ {
+ title: "Documentation",
+ description:
+ "Attach conference invitations or research collaboration letters for approval.",
+ icon: "📜",
+ },
+ {
+ title: "International Travel",
+ description:
+ "Managed through the Office of Research for additional oversight and funding.",
+ icon: "✈️",
+ },
+ {
+ title: "Funding Sources",
+ description:
+ "Includes department funds, institutional grants, or scholarships.",
+ icon: "🏛️",
+ },
+ ].map((item, index) => (
+
+
{item.icon}
+
{item.title}
+
{item.description}
+
+ ))}
+
+
+
+ {/* Why Choose Us */}
+
+
Why Our Policy Stands Out
+
+ {[
+ {
+ title: "Efficiency",
+ description: "Streamlined processes for quicker approvals.",
+ },
+ {
+ title: "Clarity",
+ description: "Clear guidelines for both students and staff.",
+ },
+ {
+ title: "Supportive",
+ description:
+ "Ensures financial and logistical aid for research-related travel.",
+ },
+ {
+ title: "Global Outlook",
+ description: "Facilitates international collaborations and exchanges.",
+ },
+ {
+ title: "Comprehensive",
+ description: "Covers all aspects of academic travel management.",
+ },
+ {
+ title: "Transparent",
+ description: "Approval criteria and funding sources clearly defined.",
+ },
+ ].map((item, index) => (
+
+ {(() => {
+ switch (designation) {
+ case "FACULTY":
+ return "By approving, you will forward this application to the Head of Department (HOD).";
+ case "HOD":
+ return "By approving, you will forward this application to the Head of Institute (HOI).";
+ case "HOI":
+ if (applicantDesignation === "STUDENT") {
+ return "By approving, you will forward this application to Accounts.";
+ } else {
+ return "By approving, you can forward this application to either the Vice Chancellor (VC) or Accounts.";
+ }
+ case "VC":
+ return "By approving, you will forward this application to Accounts.";
+ case "ACCOUNTS":
+ return "By approving, you confirm that the given expenses will be paid by the institute.";
+ default:
+ return "";
+ }
+ })()}
+
+ {role === "Applicant"
+ ? "Manage and track the status of your funding applications. Review feedback and make necessary updates."
+ : "Review and validate applications submitted by applicants. Approve or reject based on eligibility and guidelines."}
+
+