codeaashu · parth-patel010 · Aug 6, 2025 · Aug 6, 2025
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
@@ -17,17 +17,14 @@ In the interest of fostering an open and welcoming environment, we as contributo
 We expect all participants to:
 
 1. **Be Respectful:**
-
    - Treat everyone with respect and courtesy.
    - Approach disagreements constructively and considerately.
 
 2. **Be Inclusive:**
-
    - Ensure everyone feels welcome and valued.
    - Avoid discriminatory, exclusionary, or harmful language and actions.
 
 3. **Be Collaborative:**
-
    - Share knowledge and help others.
    - Focus on improving the platform and the experience for all.
 
@@ -52,11 +49,9 @@ The following behaviors are unacceptable in the DevDisplay community:
 
 - **Join DevDisplay Discord Community**: [Discord Community](https://discord.gg/chyt2UgTv5)
 - **Join DevDisplay WhatsApp Community**: [WhatsApp Community](https://chat.whatsapp.com/Dcl21sgGDIpHURESSuH0p4)
-
   - Connect with other developers and collaborate on exciting projects.
 
 - **Reach Out to the Team**:
-
   - Organization Email: [email protected]
   - Creator's Email: [email protected]
 
@@ -69,7 +64,6 @@ The following behaviors are unacceptable in the DevDisplay community:
 ---
 
 2. **Provide Details:**
-
    - Include a description of the incident, relevant links, or screenshots if possible.
 
 3. **Expect a Response:**

diff --git a/SECURITY.md b/SECURITY.md
@@ -23,19 +23,16 @@ We take the security of DevDisplay seriously. If you discover any security vulne
 ### For Contributors
 
 1. **Code Review**
-
    - All code changes must go through peer review
    - Security-sensitive code requires additional review
    - Follow secure coding guidelines
 
 2. **Dependencies**
-
    - Keep all dependencies up to date
    - Regularly check for known vulnerabilities in dependencies
    - Use only trusted and well-maintained packages
 
 3. **Authentication & Authorization**
-
    - Use strong password policies
    - Implement proper session management
    - Follow the principle of least privilege
@@ -48,7 +45,6 @@ We take the security of DevDisplay seriously. If you discover any security vulne
 ### For Users
 
 1. **Account Security**
-
    - Use strong, unique passwords
    - Enable two-factor authentication when available
    - Keep your access tokens secure

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Page/Home.jsx b/src/Page/Home.jsx
@@ -321,7 +321,7 @@ const StyledDot = styled.div`
 const TechFeatures = () => {
   return (
     <section className="tech-features-section mt-[60%] max-w-[90%] px-4 py-16 text-white xs:mt-0">
-      <div className="mx-auto my-12 max-w-[80%] text-center ">
+      <div className="mx-auto my-12 max-w-[80%] text-center">
         <h2 className="custom-font my-4 text-4xl font-bold text-[#00a6fb]">Dive into DevDisplay</h2>
         <div className="mb-6 mt-4 flex flex-col items-center">
           <p className="max-w-2xl text-center text-lg text-gray-400">

diff --git a/src/Page/OpportunitiesHub/CompetitionList.jsx b/src/Page/OpportunitiesHub/CompetitionList.jsx
@@ -163,10 +163,7 @@ const CompetitionsCardComponent = ({ organizer, title, location, date, domains,
 
       <div className="mt-2 flex flex-wrap justify-center gap-2 p-2">
         {domains.map((domain, idx) => (
-          <span
-            key={idx}
-            className="bg-gray-1000 rounded-full border border-[#00a6fb]  px-2 py-1 text-xs text-gray-300"
-          >
+          <span key={idx} className="bg-gray-1000 rounded-full border border-[#00a6fb] px-2 py-1 text-xs text-gray-300">
             {domain}
           </span>
         ))}

diff --git a/src/Page/OpportunitiesHub/EventsList.jsx b/src/Page/OpportunitiesHub/EventsList.jsx
@@ -254,10 +254,7 @@ const TecheventsCardComponent = ({ organizer, title, location, date, domains, ap
 
       <div className="mt-2 flex flex-wrap justify-center gap-2 p-2">
         {domains.map((domain, idx) => (
-          <span
-            key={idx}
-            className="bg-gray-1000 rounded-full border border-[#00a6fb]  px-2 py-1 text-xs text-gray-300"
-          >
+          <span key={idx} className="bg-gray-1000 rounded-full border border-[#00a6fb] px-2 py-1 text-xs text-gray-300">
             {domain}
           </span>
         ))}

diff --git a/src/Page/OpportunitiesHub/HackathonList.jsx b/src/Page/OpportunitiesHub/HackathonList.jsx
@@ -734,10 +734,7 @@ const HackathonCardComponent = React.forwardRef(
 
       <div className="mt-2 flex flex-wrap justify-center gap-2 p-2">
         {domains.map((domain, idx) => (
-          <span
-            key={idx}
-            className="bg-gray-1000 rounded-full border border-[#00a6fb]  px-2 py-1 text-xs text-gray-300"
-          >
+          <span key={idx} className="bg-gray-1000 rounded-full border border-[#00a6fb] px-2 py-1 text-xs text-gray-300">
             {domain}
           </span>
         ))}

diff --git a/src/Page/OpportunitiesHub/InternshipList.jsx b/src/Page/OpportunitiesHub/InternshipList.jsx
@@ -28,7 +28,7 @@ const Internship1 = () => {
           <div className="flex items-start justify-between">
             <div className="flex gap-4">
               <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
-                <div className="absolute inset-0 rounded-2xl bg-gradient-to-br  to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
+                <div className="absolute inset-0 rounded-2xl bg-gradient-to-br to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
                 <img src="/assets/LocalCompany/WOODESY.png" alt="Custom Icon" className="h-10 w-10" />
               </div>
               <div>
@@ -166,7 +166,7 @@ const Internship2 = () => {
           <div className="flex items-start justify-between">
             <div className="flex gap-4">
               <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
-                <div className="absolute inset-0 rounded-2xl bg-gradient-to-br  to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
+                <div className="absolute inset-0 rounded-2xl bg-gradient-to-br to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
                 <img src="/assets/LocalCompany/Vijetha Softwares Pvt.Ltd.jpg" alt="Custom Icon" className="h-10 w-10" />
               </div>
               <div>
@@ -308,7 +308,7 @@ const Internship3 = () => {
           <div className="flex items-start justify-between">
             <div className="flex gap-4">
               <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
-                <div className="absolute inset-0 rounded-2xl bg-gradient-to-br  to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
+                <div className="absolute inset-0 rounded-2xl bg-gradient-to-br to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
                 <img src="/assets/LocalCompany/Webfuture.jpg" alt="Custom Icon" className="h-10 w-10" />
               </div>
               <div>

diff --git a/src/Page/OpportunitiesHub/OpenSource.jsx b/src/Page/OpportunitiesHub/OpenSource.jsx
@@ -715,7 +715,7 @@ const OSProgramCardComponent = ({
             <div className="status-user" />
             Apply Now
           </a>
-          <div className="mt-2 flex flex-col items-start gap-1 rounded-lg border border-[#00a6fb] bg-gray-900 bg-opacity-50 px-14 py-3 text-sm text-xs text-white text-white shadow-lg backdrop-blur-md transition-all hover:bg-gray-800">
+          <div className="mt-2 flex flex-col items-start gap-1 rounded-lg border border-[#00a6fb] bg-gray-900 bg-opacity-50 px-14 py-3 text-sm text-xs text-white shadow-lg backdrop-blur-md transition-all hover:bg-gray-800">
             <div className="flex items-center">
               <FontAwesomeIcon icon={faCalendarAlt} className="mr-2 text-[#00a6fb]" />
               <span className="font-medium">{timeline}</span>

diff --git a/src/Page/Sponsor.jsx b/src/Page/Sponsor.jsx
@@ -20,7 +20,7 @@ const SponsorUs = () => {
           within the tech community.
         </p>
 
-        <div className="mb-8 ">
+        <div className="mb-8">
           <h6 className="mb-2 text-xl font-semibold">What is DevDisplay?</h6>
           <p className="mb-4">
             DevDisplay is a global open-source tech community with the mission to unite all tech-related needs under one

diff --git a/src/components/AchievementJourney/IndividualJourney.js b/src/components/AchievementJourney/IndividualJourney.js
@@ -53,7 +53,7 @@ const AchieverJourneyPage = () => {
         </div>
       </header>
 
-      <section className=" mx-auto mt-4 p-8">
+      <section className="mx-auto mt-4 p-8">
         <motion.h2
           className="text-3xl font-bold text-[#00a6fb]"
           initial={{ opacity: 0, y: -20 }}
@@ -113,7 +113,7 @@ const AchieverJourneyPage = () => {
         </ul>
       </section>
 
-      <section className=" mx-auto mt-12 p-8">
+      <section className="mx-auto mt-12 p-8">
         <h2 className="text-2xl font-semibold text-[#00a6fb]">Interview Process</h2>
         <h3 className="mt-4 text-xl font-semibold">Preparation</h3>
         <ul className="list-disc pl-6">
@@ -158,7 +158,7 @@ const AchieverJourneyPage = () => {
         </ul>
       </section>
 
-      <section className=" mx-auto mt-12 p-8">
+      <section className="mx-auto mt-12 p-8">
         <h2 className="text-2xl font-semibold text-[#00a6fb]">Resources for Preparation</h2>
         {achieverData.resources.learningMaterials.map((material, index) => (
           <div key={index} className="mt-4">
@@ -179,7 +179,7 @@ const AchieverJourneyPage = () => {
         </ul>
       </section>
 
-      <section className=" mx-auto mt-12 p-8">
+      <section className="mx-auto mt-12 p-8">
         <h2 className="text-2xl font-semibold text-[#00a6fb]">Inspiration & Guidance</h2>
         {achieverData.inspirationAndGuidance.roadmaps.map((roadmap, index) => (
           <div key={index} className="mt-8">

diff --git a/src/components/Profile/Profile.jsx b/src/components/Profile/Profile.jsx
@@ -106,45 +106,45 @@ function Card({ data }) {
             <FaLocationDot />
             {data.location}
           </p>
-          <div className=" group flex overflow-hidden">
+          <div className="group flex overflow-hidden">
             <div
-              className=" skills-container group-hover:paused mr-2 mt-4 flex h-auto  animate-loop-scroll gap-4 whitespace-nowrap "
+              className="skills-container group-hover:paused mr-2 mt-4 flex h-auto animate-loop-scroll gap-4 whitespace-nowrap"
               ref={cardRef}
             >
               {data.skills &&
                 data.skills.map((skill, index) => (
                   <div
-                    className=" inline h-auto  cursor-default whitespace-nowrap rounded-md bg-secondaryColor px-2 py-1 text-[9px] text-white sm:text-sm md:h-[30px]"
+                    className="inline h-auto cursor-default whitespace-nowrap rounded-md bg-secondaryColor px-2 py-1 text-[9px] text-white sm:text-sm md:h-[30px]"
                     key={index}
                   >
                     {skill}
                   </div>
                 ))}
             </div>
             <div
-              className=" skills-container group-hover:paused mr-2 mt-4 flex h-auto  animate-loop-scroll gap-4 whitespace-nowrap"
+              className="skills-container group-hover:paused mr-2 mt-4 flex h-auto animate-loop-scroll gap-4 whitespace-nowrap"
               aria-hidden="true"
               ref={cardRef}
             >
               {data.skills &&
                 data.skills.map((skill, index) => (
                   <div
-                    className=" inline h-auto  cursor-default whitespace-nowrap rounded-md bg-secondaryColor px-2 py-1 text-[9px] text-white sm:text-sm md:h-[30px]"
+                    className="inline h-auto cursor-default whitespace-nowrap rounded-md bg-secondaryColor px-2 py-1 text-[9px] text-white sm:text-sm md:h-[30px]"
                     key={index}
                   >
                     {skill}
                   </div>
                 ))}
             </div>
             <div
-              className=" skills-container group-hover:paused mt-4 flex h-auto animate-loop-scroll  gap-4 whitespace-nowrap"
+              className="skills-container group-hover:paused mt-4 flex h-auto animate-loop-scroll gap-4 whitespace-nowrap"
               aria-hidden="true"
               ref={cardRef}
             >
               {data.skills &&
                 data.skills.map((skill, index) => (
                   <div
-                    className=" inline h-auto  cursor-default whitespace-nowrap rounded-md bg-secondaryColor px-2 py-1 text-[9px] text-white sm:text-sm md:h-[30px]"
+                    className="inline h-auto cursor-default whitespace-nowrap rounded-md bg-secondaryColor px-2 py-1 text-[9px] text-white sm:text-sm md:h-[30px]"
                     key={index}
                   >
                     {skill}
@@ -184,7 +184,7 @@ function Card({ data }) {
             target="_blank"
             rel="noreferrer"
           >
-            <FaHandshake className="text-lg" />
+            <FaHandshake className="text-lg duration-300 hover:scale-125" />
           </a>
         </div>
       </div>

diff --git a/src/components/ResumeBuilder/Sidebar.jsx b/src/components/ResumeBuilder/Sidebar.jsx
@@ -31,28 +31,18 @@ function Sidebar({
         />
       )}
       <div
-        className={`
-          ${
-            isMobileView
-              ? `fixed left-0 top-0 z-50 h-full w-72 transform transition-all duration-300 ease-in-out ${mobileMenuOpen ? 'translate-x-0 shadow-2xl' : '-translate-x-full'}`
-              : `${desktopCollapsed ? 'w-20' : 'w-72'} sticky top-0 h-screen border-r border-[var(--border-dark-theme-light)] shadow-2xl`
-          }
-          flex flex-col 
-          text-[var(--text-light1)] 
-          ${isMobileView ? '' : 'transition-all duration-300'} 
-        `}
+        className={` ${
+          isMobileView
+            ? `fixed left-0 top-0 z-50 h-full w-72 transform transition-all duration-300 ease-in-out ${mobileMenuOpen ? 'translate-x-0 shadow-2xl' : '-translate-x-full'}`
+            : `${desktopCollapsed ? 'w-20' : 'w-72'} sticky top-0 h-screen border-r border-[var(--border-dark-theme-light)] shadow-2xl`
+        } flex flex-col text-[var(--text-light1)] ${isMobileView ? '' : 'transition-all duration-300'} `}
         style={{
           background: 'linear-gradient(135deg, rgba(15,27,53,0.98) 0%, rgba(0,43,62,0.90) 100%)',
           backdropFilter: 'blur(10px)',
         }}
       >
         <div
-          className={`
-          relative flex items-center border-b border-[var(--border-dark-theme)]
-          ${isMobileView ? 'h-16 justify-between px-4' : ''}
-          ${!isMobileView && desktopCollapsed ? 'h-16 justify-center px-3' : ''}
-          ${!isMobileView && !desktopCollapsed ? 'justify-between p-6' : ''} /* Removed min-h, using for padding */ p-6
-        `}
+          className={`relative flex items-center border-b border-[var(--border-dark-theme)] ${isMobileView ? 'h-16 justify-between px-4' : ''} ${!isMobileView && desktopCollapsed ? 'h-16 justify-center px-3' : ''} ${!isMobileView && !desktopCollapsed ? 'justify-between p-6' : ''} /* Removed min-h, using for padding */ p-6`}
         >
           {!(!isMobileView && desktopCollapsed) && (
             <div className="pointer-events-none absolute inset-0 overflow-hidden">
@@ -101,12 +91,7 @@ function Sidebar({
           </button>
         </div>
 
-        <div
-          className={`
-          relative min-h-0 flex-1 overflow-y-auto
-          ${isMobileView ? 'p-3' : 'px-3 pb-4'} 
-        `}
-        >
+        <div className={`relative min-h-0 flex-1 overflow-y-auto ${isMobileView ? 'p-3' : 'px-3 pb-4'} `}>
           <ul className={`relative z-10 space-y-2 ${isMobileView ? 'mt-2' : 'mt-4'}`}>
             {sections.map((section) => {
               const status = getStepStatus(section.id);
@@ -117,11 +102,7 @@ function Sidebar({
                 <li key={section.id}>
                   <button
                     onClick={() => handleSectionClick(section.id)}
-                    className={`group relative flex w-full items-center gap-3 overflow-hidden rounded-lg px-4 py-3 text-left transition-all duration-300
-                      ${status === 'completed' ? 'border border-[var(--border-dark-theme)] bg-gradient-to-r from-[rgba(0,166,251,0.2)] to-[rgba(0,166,251,0.1)] text-[var(--text-light1)] hover:from-[rgba(0,166,251,0.3)] hover:to-[rgba(0,166,251,0.2)]' : ''}
-                      ${status === 'active' ? 'border border-[var(--primary)] bg-gradient-to-r from-[var(--primary)] to-[color-mix(in_srgb,var(--primary)_80%,transparent)] font-semibold text-white shadow-lg' : ''}
-                      ${status === 'upcoming' ? 'border border-transparent text-[var(--text-light2)] hover:border-[var(--border-dark-theme-light)] hover:bg-[rgba(0,166,251,0.05)] hover:text-[var(--text-light1)]' : ''}
-                    `}
+                    className={`group relative flex w-full items-center gap-3 overflow-hidden rounded-lg px-4 py-3 text-left transition-all duration-300 ${status === 'completed' ? 'border border-[var(--border-dark-theme)] bg-gradient-to-r from-[rgba(0,166,251,0.2)] to-[rgba(0,166,251,0.1)] text-[var(--text-light1)] hover:from-[rgba(0,166,251,0.3)] hover:to-[rgba(0,166,251,0.2)]' : ''} ${status === 'active' ? 'border border-[var(--primary)] bg-gradient-to-r from-[var(--primary)] to-[color-mix(in_srgb,var(--primary)_80%,transparent)] font-semibold text-white shadow-lg' : ''} ${status === 'upcoming' ? 'border border-transparent text-[var(--text-light2)] hover:border-[var(--border-dark-theme-light)] hover:bg-[rgba(0,166,251,0.05)] hover:text-[var(--text-light1)]' : ''} `}
                     style={{
                       boxShadow:
                         status === 'active'
@@ -138,11 +119,7 @@ function Sidebar({
                       />
                     )}
                     <div
-                      className={`flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full border-2 text-sm transition-all duration-300
-                        ${status === 'completed' ? 'border-[var(--primary)] bg-[var(--primary)] text-white shadow-md' : ''}
-                        ${status === 'active' ? 'border-white bg-white text-[var(--primary)] shadow-md' : ''}
-                        ${status === 'upcoming' ? 'border-[var(--text-muted-light)] text-[var(--text-muted-light)] group-hover:border-[var(--primary)] group-hover:text-[var(--primary)]' : ''}
-                      `}
+                      className={`flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full border-2 text-sm transition-all duration-300 ${status === 'completed' ? 'border-[var(--primary)] bg-[var(--primary)] text-white shadow-md' : ''} ${status === 'active' ? 'border-white bg-white text-[var(--primary)] shadow-md' : ''} ${status === 'upcoming' ? 'border-[var(--text-muted-light)] text-[var(--text-muted-light)] group-hover:border-[var(--primary)] group-hover:text-[var(--primary)]' : ''} `}
                     >
                       {status === 'completed' ? <Check size={16} strokeWidth={3} /> : <IconComponent size={16} />}
                     </div>

diff --git a/src/components/Search/Search.jsx b/src/components/Search/Search.jsx
@@ -96,7 +96,7 @@ function Search({ onSearch }) {
           </button>
         </a>
       </StyledWrapper>
-      <div className="relative flex items-center justify-end space-x-4 ">
+      <div className="relative flex items-center justify-end space-x-4">
         <select
           className="focus:border-primaryFocus focus:bg-primaryLight dark:focus:border-secondaryFocus dark:focus:bg-secondaryLight h-12 rounded-lg border-2 border-borderSecondary bg-primaryColor px-4 py-3 text-base text-secondaryColor outline-none dark:border-borderColor dark:bg-secondaryColor dark:text-white"
           value={searchCriteria}