Merge branch 'master' into my-first-branch

package.json

@@ -15,6 +15,7 @@
     "pnpm": "^8.10.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.21.1",
     "react-scripts": "5.0.1",
     "web-vitals": "^3.5.0"
   },

public/data/AkshayPratapSingh09.json

@@ -0,0 +1,13 @@
+{
+  "name": "Akshay Pratap Singh",
+  "location": "NCR, India",
+  "bio": "MERN Full Stack Developer And AI Enthusiast",
+  "avatar": "https://github.com/AkshayPratapSingh09.png",
+  "portfolio": "https://akshay09.pages.dev/",
+  "skills": ["ReactJs", "MongoDb", "ExpressJs","NodeJs", "Javascript", "Python", "C", "GraphQL", "Django", "Flask", "FastApi", "Mysql"],
+  "social": {
+    "GitHub": "https://github.com/AkshayPratapSingh09",
+    "Twitter": "https://twitter.com/AkshayPSingh09",
+    "LinkedIn": "https://www.linkedin.com/in/akshaypratap09/"
+  }
+}

public/data/shagunsharma6677.json

@@ -0,0 +1,28 @@
+{
+    "name": "Shagun Sharma",
+    "location": "Uttrakhand, India",
+    "bio": "A passionate Full Stack Web Developer with strong problem-solving abilities, proficient in React Js, Mongo DB, Express Js Next Js, Typescript and Chakra Ui, keen to learn new technologies and frameworks.",
+    "avatar": "https://github.com/shagunsharma6677.png",
+    "portfolio": "https://shagunsharma6677.github.io/",
+    "skills": [
+        "Docker 🐳",
+        "MERN Stack Dev 🔥",
+        "Alum @Masai",
+        "React/Next.js 🌐",
+        "MongoDB",
+        "TypeScript/JavaScript ✨",
+        "Express.js/Node.js",
+        "Mongoose",
+        "React Redux",
+        "Tailwind Css ☀️",
+        "Material UI",
+        "Jest",
+        "Git"
+    ]
+    ,
+    "social": {
+      "GitHub": "https://github.com/shagunsharma6677",
+      "Twitter": "https://twitter.com/i_nicck",
+      "LinkedIn": "https://www.linkedin.com/in/shagun-s67/"
+    }
+  }

src/ProfilesList.json

@@ -1,9 +1,11 @@
 [
+  "AkshayPratapSingh09.json",
   "akhtarhssn.json",
   "jeremyrayjewell.json",
   "utkarsh-1602.json",
   "rasel9t6.json",
   "eunit99.json",
+  "shagunsharma6677.json",
   "steveAzo.json",
   "abdullah_javaid.json",
   "apenasgabs.json",

src/components/Profile/Profile.jsx

@@ -6,6 +6,7 @@ import { faXTwitter } from '@fortawesome/free-brands-svg-icons';
 import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { faLinkedinIn } from '@fortawesome/free-brands-svg-icons';
 
+
 function Profile({ data }) {
   return (
     <div className="profile-container">
@@ -15,7 +16,8 @@ function Profile({ data }) {
 
   function Card({ data }) {
     const cardRef = React.useRef();
-    const handleWheel = (event) => {
+    const [avatarSrc, setAvatarSrc] = React.useState(data.avatar);
+    const handleWheel = (event) => { 
       event.stopPropagation();
       event.preventDefault();
       let container = event.target;
@@ -33,11 +35,16 @@ function Profile({ data }) {
       cardRef.current.addEventListener('wheel', handleWheel, { passive: false });
     }, []);
 
+
     return (
       <div className="profile-card">
         <div className="top-container">
           <div className="profile-photo">
-            <img src={data.avatar} alt="User logo" />
+            <img
+            src={avatarSrc}
+            alt="User logo"
+            onError={() => setAvatarSrc('default.png')}
+          /> 
           </div>
           <div className="profile-details">
             <h3>

src/components/Sidebar/Sidebar.jsx

@@ -3,6 +3,7 @@ import './Sidebar.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCode, faMoon, faSun } from '@fortawesome/free-solid-svg-icons';
 import useTheme from '../../hooks/useTheme';
+// import {UserForm} from '../UserFrom/UserFrom';
 
 function Sidebar() {
   const { theme, toogleTheme } = useTheme();
@@ -29,7 +30,7 @@ function Sidebar() {
         </div>
       </div>
       <div className="headline">Discover and Connect with Skilled Developers.</div>
-      <div className="description">
+      <div className="description"> 
         <a href=" https://github.com/shyamtawli/devFind#how-to-add-your-profile-" target="_blank" rel="noreferrer">
           <button className="link_button"> Add your profile </button>
         </a>