Merge branch 'master' into add-profile

public/data/Om-pawarr.json

@@ -0,0 +1,14 @@
+{
+    "name": "Om pawar",
+    "location": "Maharashtra",
+    "bio": "A Web Developer specializing in HTML5,css, JavaScript,  and front-end frameworks",
+    "avatar": "https://avatars.githubusercontent.com/u/124502159?s=400&u=3691e22cc07794bb421cee5c655dca4d8da244c9&v=4",
+    "portfolio": "",
+    "skills": ["Front end frameworks expertise", "AWS associate level certified", "..."],
+    "social": {
+      "GitHub": "https://github.com/Om-pawarr",
+      "Twitter": "https://twitter.com/@_Parth_Dwivedi_",
+      "LinkedIn": ""
+    }
+  }
+

public/data/boytur.json

@@ -0,0 +1,12 @@
+{
+  "name": "Piyawat Wongyat",
+  "location": "Bangkok/Thailand",
+  "bio": "I'm a software engineering student at Burapha University. I'm not very passionate about coding but work in this field to earn a living.",
+  "avatar": "https://avatars.githubusercontent.com/u/104257779?s=400&u=4e9c1cc0d7c1530af16a0293b5338375fb4af27e&v=4",
+  "portfolio": "https://piyawat-portfolio.onrender.com/",
+  "skills": ["React.js", "Express.js", "Tailwind", "TypeScript", "JavaScript", "Linux"],
+  "social": {
+    "GitHub": "https://github.com/boytur",
+    "LinkedIn": "https://www.linkedin.com/in/piyawat-wongyat-a74b52270/"
+  }
+}

public/data/giuliarappo.json

@@ -0,0 +1,12 @@
+{
+    "name": "Giulia",
+    "location": "Italy",
+    "bio": "Junior fullstack delevoper searching a project to collaborate for improve skills",
+    "avatar": "https://github.com/giuliarappo.png",
+    "portfolio": "https://github.com/giuliarappo",
+    "skills": ["Java", "Spring boot", "Angular", "React"],
+    "social": {
+      "GitHub": "https://github.com/<giuliarappo>",
+      "LinkedIn": "https://www.linkedin.com/in/<giulia-rappo>"
+    }
+  }

public/data/mayurr7.json

@@ -0,0 +1,13 @@
+{
+  "name": "Mayur Tekale",
+  "location": "Maharashtra, India",
+  "bio": "A passionate web developer from India.",
+  "avatar": "https://avatars.githubusercontent.com/u/147367560?s=400&u=fc01c0ff31e5b5d0f5bddd5e9a99ba5d7d2634fa&v=4",
+  "portfolio": "https://mayurr7.github.io/mayurPortfolio/",
+  "skills": ["HTML5", "CSS3", "JavaScript", "ReactJs", "TailwindCss", "NodeJs", "Java", "DSA"],
+  "social": {
+    "GitHub": "https://github.com/mayurr7",
+    "Twitter": "https://twitter.com/mayur_b_tekale",
+    "LinkedIn": "https://www.linkedin.com/in/mayur-tekale-1540a023b"
+  }
+}

public/data/vitormarinheiro.json

@@ -0,0 +1,13 @@
+{
+  "name": "Vitor Marinheiro",
+  "location": "São Paulo - Brasil",
+  "bio": "Hello, my name is Vitor Marinheiro and I'am Frontend Developer. My motivation is to solve problems and be involved in projects where I can apply my knowledge and learn continuously. In my free time, I enjoy contributing to open source projects and helping others get involved in programming.",
+  "avatar": "https://github.com/vitormarinheiro1.png",
+  "portfolio": "https://vitormarinheiro.vercel.app/",
+  "skills": ["React", "Nextjs", "Angular", "Typescript", "Python", "Nest", "MySQL"],
+  "social": {
+    "GitHub": "https://github.com/vitormarinheiro1",
+    "Twitter": "#",
+    "LinkedIn": "https://br.linkedin.com/in/vitor-marinheiro-590a461ba"
+  }
+}

src/ProfilesList.json

@@ -1,5 +1,7 @@
 [
   "samah554.json",
+  "mayurr7.json",
+  "vitormarinheiro.json",
   "AndresFelipe077.json",
   "swarnendu19.json",
   "hassanaboukhalil.json",
@@ -433,5 +435,8 @@
   "AnkitMourya12.json",
   "tainguyenphat74.json",
   "Saipradyumna Goud Chiragoni.json",
-  "dylan-dot-c.json"
-]
+  "dylan-dot-c.json",
+  "Om-pawarr.json",
+  "boytur.json",
+  "giuliarappo.json"
+]

src/components/Profile/Profile.jsx

@@ -1,13 +1,18 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { FaGithub, FaLinkedin } from 'react-icons/fa';
 import { FaXTwitter, FaLocationDot } from 'react-icons/fa6';
+import defaultAvatar from './image.png';
 
 function Profile({ data }) {
   return <Card data={data} />;
 }
 
 function Card({ data }) {
   const cardRef = React.useRef();
+  const [imageSrc, setImageSrc] = useState(data.avatar || defaultAvatar);
+  const handleImageError = () => {
+    setImageSrc(defaultAvatar); // Fallback to default image
+  };
 
   const handleWheel = (event) => {
     event.stopPropagation();
@@ -31,7 +36,7 @@ function Card({ data }) {
     <div className="mb-6 h-auto rounded-lg bg-white p-4 shadow dark:bg-textPrimary">
       <div className="relative flex gap-4">
         <div className="h-24 w-24 flex-shrink-0">
-          <img src={data.avatar} className="h-full w-full rounded-full" alt="User logo" />
+          <img src={imageSrc} alt="User logo" className="h-full w-full rounded-full" onError={handleImageError} />
         </div>
         <div className="w-[55%] sm:w-[75%]">
           <h3>