Added responsiveness to sidebar

public/data/Ag-neta.json

@@ -0,0 +1,13 @@
+{
+  "name": "Agneta",
+  "location": "Nairobi, Kenya",
+  "bio": "An aspiring web developer who recently started exploring open source. Looking for some great opportunities in frontend development. Let's connect!",
+  "avatar": "https://github.com/Ag-neta.png",
+  "portfolio": "Your Portfolio URL or Github URL",
+  "skills": ["UI/UX", "Web Development", "React.js", "Django Framework", "Python", "JavaScript"],
+  "social": {
+    "GitHub": "https://github.com/Ag-neta",
+    "Twitter": "https://twitter.com/agii45",
+    "LinkedIn": "https://www.linkedin.com/in/agneta-odhiambo-595328231"
+  }
+}

public/data/AndresFelipe077.json

@@ -0,0 +1,13 @@
+{
+  "name": "Andrés Felipe Pizo Luligo",
+  "location": "Colombia - Cauca - Popayán",
+  "bio": "Young man passionate about software, I love capturing incredible ideas.",
+  "avatar": "https://github.com/AndresFelipe077.png",
+  "portfolio": "https://github.com/AndresFelipe077",
+  "skills": ["Laravel", "Nest.js", "Angular", "Unity"],
+  "social": {
+    "GitHub": "https://github.com/AndresFelipe077",
+    "Twitter": "https://twitter.com/",
+    "LinkedIn": "https://www.linkedin.com/in/andres-felipe-pizo-luligo-6181001b1"
+  }
+}

public/data/CKsabari2001.json

@@ -0,0 +1,25 @@
+{
+  "name": "Sabari CK",
+  "location": "Coimbatore, India",
+  "bio": "Frontend React Developer | React, Next.js | Increasing Website Performance and User Engagement",
+  "avatar": "https://github.com/CKsabari2001.png",
+  "portfolio": "https://github.com/CKsabari2001",
+  "skills": [
+    "Html",
+    "Css",
+    "JavaScript",
+    "TypeScript",
+    "ReactJS",
+    "NextJs",
+    "Redux",
+    "Git/GitHub",
+    "TailWindCss",
+    "MaterialUi",
+    "Bootstrap"
+  ],
+  "social": {
+    "GitHub": "https://github.com/CKsabari2001",
+    "Twitter": "https://twitter.com/sabarirck_2001",
+    "LinkedIn": "https://www.linkedin.com/in/sabarirck"
+  }
+}

public/data/Deep512.json

@@ -0,0 +1,24 @@
+{
+  "name": "Deep Dhanuka",
+  "location": "Bangalore, India",
+  "bio": "Software Engineer specializing in mobile and web app development with industry experience. Known for problem-solving skills and having a passion for continuous learning",
+  "avatar": "https://github.com/Deep512.png",
+  "portfolio": "https://github.com/Deep512",
+  "skills": [
+    "C++",
+    "Frontend Development",
+    "Fullstack Development",
+    "TypeScript",
+    "Javascript",
+    "MySQL",
+    "React Native",
+    "React",
+    "Express.JS",
+    "Open Source"
+  ],
+  "social": {
+    "GitHub": "https://github.com/Deep512",
+    "Twitter": "https://twitter.com/iamdeep0512",
+    "LinkedIn": "https://www.linkedin.com/in/iamdeep0512"
+  }
+}

public/data/Erick-WG.json

@@ -0,0 +1,13 @@
+{
+  "name": "Erick Wainaina.",
+  "location": "Nairobi, Kenya",
+  "bio": "Creating bugs since, 27th/10/2024",
+  "avatar": "https://avatars.githubusercontent.com/u/116720470?v=4",
+  "portfolio": "https://github.com/Erick-WG",
+  "skills": ["Python", "Django", "JavaScript", "Typescript", "React"],
+  "social": {
+    "GitHub": "https://github.com/Erick-WG",
+    "Twitter": "https://twitter.com/erick_gitahi",
+    "LinkedIn": "https://www.linkedin.com/in/erick-wainaina/"
+  }
+}

public/data/Keshav-Chaudhary.json

@@ -0,0 +1,13 @@
+{
+  "name": "Keshav Chaudhary",
+  "location": "New Delhi, India",
+  "bio": "Passionate about coding, web development, and problem-solving. Skilled in Python, C++, DSA, Web Dev, and React.",
+  "avatar": "https://github.com/Keshav-Chaudhary.png",
+  "portfolio": "https://github.com/Keshav-Chaudhary",
+  "skills": ["Python", "C++", "DSA", "Web Development", "React"],
+  "social": {
+    "GitHub": "https://github.com/Keshav-Chaudhary",
+    "Twitter": "https://twitter.com/K_Chaudhary_HR",
+    "LinkedIn": "https://www.linkedin.com/in/keshav-c-a61b78287/"
+  }
+}

public/data/astro-dally.json

@@ -0,0 +1,13 @@
+{
+  "name": "Dally R",
+  "location": "Madurai, Tamilnadu",
+  "bio": "Detail-oriented Front End Developer passionate about creating visually appealing, user-friendly websites, eager to contribute to dynamic teams.",
+  "avatar": "https://github.com/astro-dally.png",
+  "portfolio": "https://astro-dally.github.io/Porfolio-Website/",
+  "skills": ["HTML", "CSS", "JavaScript", "ReactJs", "Tailwind CSS"],
+  "social": {
+    "GitHub": "https://github.com/astro-dally",
+    "Twitter": "https://twitter.com/AstroDreamer64",
+    "LinkedIn": "https://www.linkedin.com/in/dally-r-a8a963272/"
+  }
+}

public/data/chaitanyarora.json

@@ -0,0 +1,13 @@
+{
+  "name": "Chaitany Arora",
+  "location": "New Delhi, India",
+  "bio": "SDE. Speaks Python Fluently.",
+  "avatar": "https://github.com/chaitanyarora.png",
+  "portfolio": "https://chaitanyarora-portfolio.vercel.app/",
+  "skills": ["Python", "MERN", "C++"],
+  "social": {
+    "GitHub": "https://github.com/chaitanyarora",
+    "Twitter": "https://twitter.com/chaitanyarora1",
+    "LinkedIn": "https://www.linkedin.com/in/chaitany-arora-693872201/"
+  }
+}

public/data/developer_assets.json

@@ -0,0 +1,13 @@
+{
+  "name": "Patrick Obama",
+  "location": "Kenya",
+  "bio": "An aspiring web developer who is an undergrad and recently started exploring open source. Looking for some great opportunities in frontend development. Let's connect!",
+  "avatar": "https://github.com/developer-assets.png",
+  "portfolio": "https://developer-assets.github.io/",
+  "skills": ["React.js", "Tailwind CSS", "SQL", "Node.js", "HTML", "CSS", "JavaScript", "PHP", "Python", "C++"],
+  "social": {
+    "GitHub": "https://github.com/developer_assets",
+    "Twitter": "https://twitter.com/cybicl",
+    "LinkedIn": "https://www.linkedin.com/in/patrick-obama-8269152bb/"
+  }
+}

public/data/hassanaboukhalil.json

@@ -0,0 +1,32 @@
+{
+  "name": "Hassan Abou Khalil",
+  "location": "Earth",
+  "bio": "I am a full stack developer with over 3 years of experience. Proficient in both front-end and back-end technologies.",
+  "avatar": "https://github.com/hassanaboukhalil.png",
+  "portfolio": "https://hassan-ak-portfolio.vercel.app/",
+  "skills": [
+    "ReactJS",
+    "php",
+    "SQL",
+    "SASS",
+    "JavaScript",
+    "Git",
+    "Bootstrap",
+    "tailwind",
+    "Jest",
+    "HTML",
+    "CSS",
+    "NodeJS",
+    "ExpressJS",
+    "MongoDB",
+    "Redux",
+    "Typescript",
+    "Java",
+    "Figma",
+    "Python"
+  ],
+  "social": {
+    "GitHub": "https://github.com/hassanaboukhalil",
+    "Twitter": "https://twitter.com/CodingHassan"
+  }
+}

public/data/krishajoshi14.json

@@ -1,13 +1,13 @@
 {
-    "name": "Krisha Joshi",
-    "location": "Pune",
-    "bio": "I'm a 3rd year CSE student.",
-    "avatar": "https://github.com/krishajoshi14.png",
-    "portfolio": "https://github.com/krishajoshi14",
-    "skills": ["Java", "CPP", "React"],
-    "social": {
-      "GitHub": "https://github.com/krishajoshi14",
-      "Twitter": "",
-      "LinkedIn": "https://www.linkedin.com/in/krisha-joshi-98a431169/"
-    }
-  }
+  "name": "Krisha Joshi",
+  "location": "Pune",
+  "bio": "I'm a 3rd year CSE student.",
+  "avatar": "https://github.com/krishajoshi14.png",
+  "portfolio": "https://github.com/krishajoshi14",
+  "skills": ["Java", "CPP", "React"],
+  "social": {
+    "GitHub": "https://github.com/krishajoshi14",
+    "Twitter": "",
+    "LinkedIn": "https://www.linkedin.com/in/krisha-joshi-98a431169/"
+  }
+}

public/data/pragyakashyap.json

@@ -0,0 +1,12 @@
+{
+  "name": "Prgya Kashyap",
+  "location": "Bangalore, India",
+  "bio": " Software Engineer specialized in data structures algorithms and problem-solving. My professional journey combines strong theoretical knowledge with practical coding proficiency, making me an effective contributor to technology-driven projects.. ",
+  "avatar": "https://github.com/pragyakashyap.png",
+  "portfolio": "https://github.com/pragyakashyap",
+  "skills": ["C++", "React", "Express", "Node", "PostgreSQL", "MongoDB", "Responsive web design", "testing"],
+  "social": {
+    "GitHub": "https://github.com/pragyakashyap",
+    "LinkedIn": "https://www.linkedin.com/in/pragya-kashyap18"
+  }
+}

public/data/rohitxdd.json

@@ -0,0 +1,12 @@
+{
+  "name": "Rohit Sharma",
+  "location": "Delhi, India",
+  "bio": "Passionate Full Stack Developer | Building Web Solutions from Front-end to Back-end | JavaScript, Python, C# and More",
+  "avatar": "https://github.com/rohitxdd.png",
+  "portfolio": "https://github.com/rohitxdd",
+  "skills": ["Javascript", "Python", "C#", "Asp.Net", "SQL", "REACT", "NODEJS"],
+  "social": {
+    "GitHub": "https://github.com/rohitxdd",
+    "LinkedIn": "https://www.linkedin.com/in/rohit-sharma-b60713172/"
+  }
+}

public/data/sakshamgupta921.json

@@ -1,13 +1,13 @@
 {
-    "name": "Saksham Gupta",
-    "location": "Dehradun , Uttrakhand",
-    "bio": "An undergrad working with MERN Stack and React Native. I am a tech enthusiast and love to learn new technologies.",
-    "avatar": "https://github.com/sakshamgupta912.png",
-    "portfolio": "https://sakshamgupta-portfolio.netlify.app/",
-    "skills": ["MERN", "C++", "Java", "Python", "React Native"],
-    "social": {
-      "GitHub": "https://github.com/sakshamgupta912",
-      "Twitter": "https://twitter.com/Saksham66525108",
-      "LinkedIn": "https://www.linkedin.com/in/sakshamgupta912"
-    }
-  }
+  "name": "Saksham Gupta",
+  "location": "Dehradun , Uttrakhand",
+  "bio": "An undergrad working with MERN Stack and React Native. I am a tech enthusiast and love to learn new technologies.",
+  "avatar": "https://github.com/sakshamgupta912.png",
+  "portfolio": "https://sakshamgupta-portfolio.netlify.app/",
+  "skills": ["MERN", "C++", "Java", "Python", "React Native"],
+  "social": {
+    "GitHub": "https://github.com/sakshamgupta912",
+    "Twitter": "https://twitter.com/Saksham66525108",
+    "LinkedIn": "https://www.linkedin.com/in/sakshamgupta912"
+  }
+}

src/ProfilesList.json

@@ -1,4 +1,6 @@
 [
+  "AndresFelipe077.json",
+  "hassanaboukhalil.json",
   "Asmar-Ali.json",
   "euotiniel.json",
   "AkshayPratapSingh09.json",
@@ -61,6 +63,7 @@
   "joshijoe05.json",
   "kayceeNuel.json",
   "afreenpoly.json",
+  "Keshav-Chaudhary.json",
   "xradeel.json",
   "Ankit-3130.json",
   "vijayv18.json",
@@ -402,5 +405,14 @@
   "brianobot.json",
   "krishajoshi14.json",
   "Nanditasunil.json",
-  "sakshamgupta921.json"
-]
+  "developer_assets.json",
+  "sakshamgupta921.json",
+  "CKsabari2001.json",
+  "chaitanyarora.json",
+  "rohitxdd.json",
+  "Erick-WG.json",
+  "Deep512.json",
+  "pragyakashyap.json",
+  "astro-dally.json",
+  "Ag-neta.json"
+]

src/components/Search/Search.jsx

@@ -63,18 +63,20 @@ function Search({ onSearch }) {
         placeholder="Search user by name, location or skills"
         onKeyDown={handleSearchOnEnter}
       />
-      <FontAwesomeIcon
-        onClick={handleSearchButtonClick}
-        className="absolute mr-4 cursor-pointer text-xl hover:text-textSecondary dark:text-white dark:hover:text-textSecondary"
-        icon={faMagnifyingGlass}
-      />
       {searchValue && (
         <FontAwesomeIcon
           onClick={handleDeleteButtonClick}
-          className="absolute mr-10 cursor-pointer text-xl hover:text-textSecondary dark:text-white dark:hover:text-textSecondary  "
+          className="absolute mr-4 scale-125 cursor-pointer text-xl hover:text-textSecondary dark:text-white dark:hover:text-textSecondary"
           icon={faXmark}
         />
       )}
+      {!searchValue && (
+        <FontAwesomeIcon
+          onClick={handleSearchButtonClick}
+          className="absolute mr-4 cursor-pointer text-xl hover:text-textSecondary dark:text-white dark:hover:text-textSecondary"
+          icon={faMagnifyingGlass}
+        />
+      )}
     </div>
   );
 }

src/components/Sidebar/Sidebar.jsx

@@ -19,7 +19,7 @@ function Sidebar() {
   }
   return (
     <div className="my-7 w-full border-r-2 border-borderSecondary px-7 font-spaceMono dark:border-borderColor md:h-[90vh] md:w-[23%]">
-      <div className="mb-2 flex h-12 items-center gap-2.5">
+      <div className="mb-2 flex h-12 items-center gap-2.5 max-[1180px]:scale-[0.9] max-[1150px]:flex-nowrap max-[1000px]:scale-[0.8] max-[900px]:scale-[0.7] max-[800px]:scale-[0.65]">
         <div className="text-secondaryColor dark:text-white">
           <FontAwesomeIcon icon={faCode} size="2xl" />
         </div>