From 6195db1c3c2a68c04ac83a93e2841daa51c7f4c1 Mon Sep 17 00:00:00 2001
From: Supritphuyal <supritphuyal123@gmail.com>
Date: Sat, 12 Jul 2025 21:31:00 +0545
Subject: [PATCH 1/2] Add: added judging-criteria

---
 frontend/src/app/components/Navbar/Navbar.tsx |  8 +-
 .../page.tsx                                  |  0
 .../judging-criteria.json                     | 39 +++++++++
 .../sections/judgesCriteriaSection/page.tsx   | 85 +++++++++----------
 4 files changed, 84 insertions(+), 48 deletions(-)
 rename frontend/src/app/{{judging-criteria} => judging-criteria}/page.tsx (100%)
 create mode 100644 frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json

diff --git a/frontend/src/app/components/Navbar/Navbar.tsx b/frontend/src/app/components/Navbar/Navbar.tsx
index 8a566c9..b50028c 100644
--- a/frontend/src/app/components/Navbar/Navbar.tsx
+++ b/frontend/src/app/components/Navbar/Navbar.tsx
@@ -127,7 +127,7 @@ const Navbar = () => {
                             Selection Criteria
                           </a>
                         </li>
-                        {/* <li>
+                        <li>
                           <a
                             href="/judging-criteria"
                             className="hover:text-secondary text-xl"
@@ -136,7 +136,7 @@ const Navbar = () => {
                           >
                             Judging Criteria
                           </a>
-                        </li> */}
+                        </li>
                         {/* Hidden Judging Criteria */}
                         <li>
                           <a
@@ -197,11 +197,11 @@ const Navbar = () => {
                 {isResourceOpen && (
                   <div className="fixed bg-violet/50 backdrop-blur-md shadow-lg transition-all ease-in-out duration-500 z-20 text-white rounded-br-xl rounded-bl-xl border-sm top-20 mt-[1rem] ">
                     <ul className={`w-[18.6rem] mt-0.5 text-left list-none ${cabinetMedium.className}`}>
-                      {/* <li className="p-5 mb-2">
+                      <li className="p-5 mb-2">
                         <a href="/judging-criteria" className="hover:text-secondary" target="_blank" rel="noreferrer">
                           Judging Criteria
                         </a>
-                      </li> */}
+                      </li>
                       <li className="pt-4 px-6 mb-4">
                         <a
                           href="/selection-criteria"
diff --git a/frontend/src/app/{judging-criteria}/page.tsx b/frontend/src/app/judging-criteria/page.tsx
similarity index 100%
rename from frontend/src/app/{judging-criteria}/page.tsx
rename to frontend/src/app/judging-criteria/page.tsx
diff --git a/frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json b/frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json
new file mode 100644
index 0000000..88bbf5a
--- /dev/null
+++ b/frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json
@@ -0,0 +1,39 @@
+{
+  "title": "Judging Criteria",
+  "sections": [
+    {
+      "title": "Innovation",
+      "paragraphs": [
+        "The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems.",
+        "The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems."
+      ]
+    },
+    {
+      "title": "Functionality",
+      "paragraphs": [
+        "The robust functionality of the project serves as a testament to the thoroughness and sophistication of its development process. This emphasis on integration not only enhances the project's capabilities but also signifies a deep understanding of modern technological ecosystems and the importance of interoperability.",
+        "Moreover, the project's commitment to data protection through the implementation of various security measures underscores its dedication to safeguarding sensitive information, reflecting a proactive approach to privacy and compliance standards. Additionally, the emphasis on cross-platform compatibility further enhances the project's comprehensiveness, ensuring that it can be accessed and utilized seamlessly across a diverse range of devices and environments, thereby maximizing its reach and impact."
+      ]
+    },
+    {
+      "title": "Scalability",
+      "paragraphs": [
+        "The consistency of the user interface across multiple screens is crucial and serves as a focal point for marks distribution, highlighting the importance of seamless navigation and user experience cohesion. Moreover, the ease of access and the provision of personalized user screens are additional factors that contribute to the overall excellence of the project, emphasizing the significance of user-centric design and tailored experiences."
+      ]
+    },
+    {
+      "title": "Impact Potential",
+      "paragraphs": [
+        "Enabling long-term sustainability entails a multifaceted evaluation from social, environmental, and economic perspectives, emphasizing the project's responsibility and impact beyond immediate implementation. This holistic approach underscores the importance of considering broader societal implications, environmental footprints, and economic viability in the project's design and implementation phases, ensuring that it aligns with sustainable development goals and fosters positive long-term outcomes.",
+        "Furthermore, evaluating the potential for scalability involves a thorough assessment of whether the solution can efficiently accommodate larger user bases or be adapted to different contexts, highlighting its capacity to grow and evolve in tandem with changing needs and demands. By maximizing its reach and impact through scalable design principles, the project can effectively address emerging challenges and contribute to sustainable development goals on a global scale."
+      ]
+    },
+    {
+      "title": "Presentation",
+      "paragraphs": [
+        "The effectiveness of a project often hinges on its presentation. Proper visuals, including well-crafted slides, compelling demos, and functional prototypes, play a pivotal role in bolstering the overall appeal and selling points of the project. These visual elements not only enhance comprehension but also captivate the audience's attention, fostering engagement and enthusiasm throughout the presentation.",
+        "Moreover, they serve as tangible manifestations of the project's potential, offering concrete evidence of its value proposition and capabilities. By leveraging such visual aids, presenters can articulate their arguments with greater clarity and conviction, leaving a lasting impression on stakeholders and judges alike. Ultimately, the quality of the presentation can significantly influence the project's reception and ultimate success, underscoring the importance of meticulous preparation and attention to detail in visual storytelling."
+      ]
+    }
+  ]
+}
diff --git a/frontend/src/app/sections/judgesCriteriaSection/page.tsx b/frontend/src/app/sections/judgesCriteriaSection/page.tsx
index 90954f4..04ddc47 100644
--- a/frontend/src/app/sections/judgesCriteriaSection/page.tsx
+++ b/frontend/src/app/sections/judgesCriteriaSection/page.tsx
@@ -1,53 +1,50 @@
-import { cabinetExtraBold, cabinetRegular, satoshiRegular } from '@/app/utils/fonts'
-import React from 'react'
+import { cabinetExtraBold, cabinetRegular, satoshiRegular } from "@/app/utils/fonts"
+import judgingCriteriaData from "@/app/sections/judgesCriteriaSection/judging-criteria.json"
+
+interface JudgingSection {
+  title: string
+  paragraphs: string[]
+}
+
+interface JudgingCriteriaData {
+  title: string
+  sections: JudgingSection[]
+}
 
 const page = () => {
+  const data: JudgingCriteriaData = judgingCriteriaData as JudgingCriteriaData
+
   return (
-    <div className={`${cabinetRegular.className} text-lg `}>
+    <div className={`${cabinetRegular.className} text-lg`}>
       <br /><br /><br />
-    <h1 className={`headings ${cabinetExtraBold.className} lg:text-[3.5rem] mb-24 pt-32`}>Judging Criteria</h1>
-    <div className={`${satoshiRegular.className} flex flex-col text-white md:px-24 px-10 text-justify text-wrap font-[400]`}>
-    <h2 className={`lg:text-[2.25rem] headings  ${cabinetExtraBold.className} mb-10`}>Innovation</h2>
-        <p className="leading-[155%] mb-3 lg:text-[1.5rem]">
-        The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems.
-        </p>
-        <p className="leading-[155%] mb-10 lg:text-[1.5rem]">
-        The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems.
-        </p>
-    <br /><br /><br />
-        <h2 className={`text-[2.25rem] headings ${cabinetExtraBold.className}  mb-10`}>Functionality</h2>
-        <p className="leading-[155%] mb-3 lg:text-[1.5rem]">
-        The robust functionality of the project serves as a testament to the thoroughness and sophistication of its development process. This emphasis on integration not only enhances the project's capabilities but also signifies a deep understanding of modern technological ecosystems and the importance of interoperability.
-        </p>
-        <p className="mb-10 leading-[155%] lg:text-[1.5rem]">
-        Moreover, the project's commitment to data protection through the implementation of various security measures underscores its dedication to safeguarding sensitive information, reflecting a proactive approach to privacy and compliance standards. Additionally, the emphasis on cross-platform compatibility further enhances the project's comprehensiveness, ensuring that it can be accessed and utilized seamlessly across a diverse range of devices and environments, thereby maximizing its reach and impact.
-        </p>
-        <br /><br /><br />
+      <h1 className={`headings ${cabinetExtraBold.className} lg:text-[3.5rem] mb-24 pt-32`}>
+        {data.title}
+      </h1>
+      
+      <div className={`${satoshiRegular.className} flex flex-col text-white md:px-24 px-10 text-justify text-wrap font-[400]`}>
+        {data.sections.map((section) => (
+          <div key={section.title}>
+            <h2 className={`lg:text-[2.25rem] headings ${cabinetExtraBold.className} mb-10`}>
+              {section.title}
+            </h2>
+            
+            {section.paragraphs.map((paragraph, paragraphIndex) => (
+              <p 
+                key={paragraphIndex}
+                className={`leading-[155%] lg:text-[1.5rem] ${
+                  paragraphIndex === section.paragraphs.length - 1 ? 'mb-10' : 'mb-3'
+                }`}
+              >
+                {paragraph}
+              </p>
+            ))}
+            
 
-        <h2 className={`text-[2.25rem] headings ${cabinetExtraBold.className}  mb-10`}>Scalability</h2>
-        <p className="leading-[155%] mb-3 lg:text-[1.5rem]">
-        The consistency of the user interface across multiple screens is crucial and serves as a focal point for marks distribution, highlighting the importance of seamless navigation and user experience cohesion. Moreover, the ease of access and the provision of personalized user screens are additional factors that contribute to the overall excellence of the project, emphasizing the significance of user-centric design and tailored experiences.
-        </p>
-        <br /><br /><br />
-        <h2 className={`text-[2.25rem] headings ${cabinetExtraBold.className}  mb-10`}>Impact Potential</h2>
-        <p className="leading-[155%] mb-3 lg:text-[1.5rem]">
-        Enabling long-term sustainability entails a multifaceted evaluation from social, environmental, and economic perspectives, emphasizing the project's responsibility and impact beyond immediate implementation. This holistic approach underscores the importance of considering broader societal implications, environmental footprints, and economic viability in the project's design and implementation phases, ensuring that it aligns with sustainable development goals and fosters positive long-term outcomes.
-        </p>
-        <p className="leading-[155%] mb-10 lg:text-[1.5rem]">
-        Furthermore, evaluating the potential for scalability involves a thorough assessment of whether the solution can efficiently accommodate larger user bases or be adapted to different contexts, highlighting its capacity to grow and evolve in tandem with changing needs and demands. By maximizing its reach and impact through scalable design principles, the project can effectively address emerging challenges and contribute to sustainable development goals on a global scale.
-        </p>
-        <br /><br /><br />
-        <h2 className={`text-[2.25rem] headings ${cabinetExtraBold.className}  mb-10`}>Presentation</h2>
-        <p className="leading-[155%] mb-3 lg:text-[1.5rem]">
-        The effectiveness of a project often hinges on its presentation. Proper visuals, including well-crafted slides, compelling demos, and functional prototypes, play a pivotal role in bolstering the overall appeal and selling points of the project. These visual elements not only enhance comprehension but also captivate the audience's attention, fostering engagement and enthusiasm throughout the presentation..
-        </p>
-        <p className="leading-[155%] mb-10 lg:text-[1.5rem]">
-        Moreover, they serve as tangible manifestations of the project's potential, offering concrete evidence of its value proposition and capabilities. By leveraging such visual aids, presenters can articulate their arguments with greater clarity and conviction, leaving a lasting impression on stakeholders and judges alike. Ultimately, the quality of the presentation can significantly influence the project's reception and ultimate success, underscoring the importance of meticulous preparation and attention to detail in visual storytelling
-        </p>
+          </div>
+        ))}
+      </div>
     </div>
-
-  </div>
   )
 }
 
-export default page
\ No newline at end of file
+export default page

From 4b1e9c809714eb5d86923876c4efe9914db5d0ee Mon Sep 17 00:00:00 2001
From: Supritphuyal <supritphuyal123@gmail.com>
Date: Sat, 12 Jul 2025 22:58:58 +0545
Subject: [PATCH 2/2] Changed: .json file for judging criteria

---
 .../judging-criteria.json                     | 27 +++++++------------
 .../sections/judgesCriteriaSection/page.tsx   |  6 +++--
 2 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json b/frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json
index 88bbf5a..573c223 100644
--- a/frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json
+++ b/frontend/src/app/sections/judgesCriteriaSection/judging-criteria.json
@@ -2,38 +2,29 @@
   "title": "Judging Criteria",
   "sections": [
     {
-      "title": "Innovation",
+      "title": "Social Impact",
       "paragraphs": [
-        "The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems.",
-        "The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems."
+        "Enabling long-term sustainability entails a multifaceted evaluation from social, environmental, and economic perspectives, emphasizing the project's responsibility and impact beyond immediate implementation. This holistic approach underscores the importance of considering broader societal implications, environmental footprints, and economic viability in the project's design and implementation phases, ensuring that it aligns with sustainable development goals and fosters positive long-term outcomes."
       ]
     },
     {
-      "title": "Functionality",
+      "title":"Uniqueness of Idea",
       "paragraphs": [
-        "The robust functionality of the project serves as a testament to the thoroughness and sophistication of its development process. This emphasis on integration not only enhances the project's capabilities but also signifies a deep understanding of modern technological ecosystems and the importance of interoperability.",
-        "Moreover, the project's commitment to data protection through the implementation of various security measures underscores its dedication to safeguarding sensitive information, reflecting a proactive approach to privacy and compliance standards. Additionally, the emphasis on cross-platform compatibility further enhances the project's comprehensiveness, ensuring that it can be accessed and utilized seamlessly across a diverse range of devices and environments, thereby maximizing its reach and impact."
+        "The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems. The project is primarily marked on its creativity and uniqueness, as these elements serve as the cornerstone of innovation. How the end-result properly justifies the technologies used in the project heavily decides the marking for innovation, demonstrating not only a mastery of tools but also a deep understanding of their application to solve real-world problems."
       ]
     },
     {
-      "title": "Scalability",
+      "title" : "Relevance to Track",
       "paragraphs": [
-        "The consistency of the user interface across multiple screens is crucial and serves as a focal point for marks distribution, highlighting the importance of seamless navigation and user experience cohesion. Moreover, the ease of access and the provision of personalized user screens are additional factors that contribute to the overall excellence of the project, emphasizing the significance of user-centric design and tailored experiences."
+        "The alignment of the project with the selected hackathon track is crucial in evaluating its purpose and direction. This criterion assesses how well the project's goals, problem statement, and solution fit within the thematic boundaries of the track. A strong relevance indicates a clear understanding of the track's intent, showing that the team has identified a genuine problem within that domain and crafted a targeted solution. Judges will consider whether the project meaningfully addresses key challenges specific to the track and demonstrates depth in exploring the theme."
       ]
     },
     {
-      "title": "Impact Potential",
+      "title": "Market Study",
       "paragraphs": [
-        "Enabling long-term sustainability entails a multifaceted evaluation from social, environmental, and economic perspectives, emphasizing the project's responsibility and impact beyond immediate implementation. This holistic approach underscores the importance of considering broader societal implications, environmental footprints, and economic viability in the project's design and implementation phases, ensuring that it aligns with sustainable development goals and fosters positive long-term outcomes.",
-        "Furthermore, evaluating the potential for scalability involves a thorough assessment of whether the solution can efficiently accommodate larger user bases or be adapted to different contexts, highlighting its capacity to grow and evolve in tandem with changing needs and demands. By maximizing its reach and impact through scalable design principles, the project can effectively address emerging challenges and contribute to sustainable development goals on a global scale."
-      ]
-    },
-    {
-      "title": "Presentation",
-      "paragraphs": [
-        "The effectiveness of a project often hinges on its presentation. Proper visuals, including well-crafted slides, compelling demos, and functional prototypes, play a pivotal role in bolstering the overall appeal and selling points of the project. These visual elements not only enhance comprehension but also captivate the audience's attention, fostering engagement and enthusiasm throughout the presentation.",
-        "Moreover, they serve as tangible manifestations of the project's potential, offering concrete evidence of its value proposition and capabilities. By leveraging such visual aids, presenters can articulate their arguments with greater clarity and conviction, leaving a lasting impression on stakeholders and judges alike. Ultimately, the quality of the presentation can significantly influence the project's reception and ultimate success, underscoring the importance of meticulous preparation and attention to detail in visual storytelling."
+        "This criterion evaluates the clarity and feasibility of the project's intended user base and the plan for transitioning the solution into practical use. Teams should demonstrate a well-defined understanding of who the end-users are—be it individuals, organizations, or communities—and how the system addresses their specific needs. Additionally, the handover strategy should outline how the project will be deployed, adopted, or integrated after completion. Judges will assess how realistic and actionable the implementation pathway is, including documentation, onboarding support, scalability considerations, and readiness for real-world use."
       ]
     }
+    
   ]
 }
diff --git a/frontend/src/app/sections/judgesCriteriaSection/page.tsx b/frontend/src/app/sections/judgesCriteriaSection/page.tsx
index 04ddc47..1a8515a 100644
--- a/frontend/src/app/sections/judgesCriteriaSection/page.tsx
+++ b/frontend/src/app/sections/judgesCriteriaSection/page.tsx
@@ -22,7 +22,7 @@ const page = () => {
       </h1>
       
       <div className={`${satoshiRegular.className} flex flex-col text-white md:px-24 px-10 text-justify text-wrap font-[400]`}>
-        {data.sections.map((section) => (
+        {data.sections.map((section, sectionIndex) => (
           <div key={section.title}>
             <h2 className={`lg:text-[2.25rem] headings ${cabinetExtraBold.className} mb-10`}>
               {section.title}
@@ -39,7 +39,9 @@ const page = () => {
               </p>
             ))}
             
-
+            {sectionIndex < data.sections.length - 1 && (
+              <><br /><br /><br /></>
+            )}
           </div>
         ))}
       </div>