diff --git a/public/data/Om-pawarr.json b/public/data/Om-pawarr.json new file mode 100644 index 00000000..b09f4260 --- /dev/null +++ b/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": "" + } + } + \ No newline at end of file diff --git a/public/data/boytur.json b/public/data/boytur.json new file mode 100644 index 00000000..d4dc9f77 --- /dev/null +++ b/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/" + } +} diff --git a/public/data/giuliarappo.json b/public/data/giuliarappo.json new file mode 100644 index 00000000..1c40d822 --- /dev/null +++ b/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/", + "LinkedIn": "https://www.linkedin.com/in/" + } + } \ No newline at end of file diff --git a/public/data/mayurr7.json b/public/data/mayurr7.json new file mode 100644 index 00000000..66497b24 --- /dev/null +++ b/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" + } +} diff --git a/public/data/vitormarinheiro.json b/public/data/vitormarinheiro.json new file mode 100644 index 00000000..e3e274e0 --- /dev/null +++ b/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" + } +} diff --git a/src/ProfilesList.json b/src/ProfilesList.json index b7bfc0e8..7dec3b17 100644 --- a/src/ProfilesList.json +++ b/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" +] \ No newline at end of file diff --git a/src/components/Profile/Profile.jsx b/src/components/Profile/Profile.jsx index aa95fc78..adc59bbe 100644 --- a/src/components/Profile/Profile.jsx +++ b/src/components/Profile/Profile.jsx @@ -1,6 +1,7 @@ -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 ; @@ -8,6 +9,10 @@ function Profile({ 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 }) {
- User logo + User logo

diff --git a/src/components/Profile/image.png b/src/components/Profile/image.png new file mode 100644 index 00000000..9f062f95 Binary files /dev/null and b/src/components/Profile/image.png differ