Merge branch 'master' into add-pirjademl

public/data/Dants0.json

@@ -0,0 +1,12 @@
+{
+  "name": "Guilherme Dantas",
+  "location": "Salvador, Bahia, Brazil",
+  "bio": "Talk is cheap. Show me the code.",
+  "avatar": "https://github.com/Dants0.png",
+  "portfolio": "https://github.com/Dants0?tab=repositories",
+  "skills": ["HTML/CSS", "JavaScript/TypeScript", "NodeJS", "ReactJS", "MySQL", "Python", "Ruby", "Go"],
+  "social": {
+    "GitHub": "https://github.com/Dants0",
+    "LinkedIn": "https://www.linkedin.com/in/guilherme-góes-8b72531b0/?locale=en_US"
+  }
+}

public/data/NongBritee.json

@@ -0,0 +1,23 @@
+{
+  "name": "Napong Jantaranimi",
+  "location": "Bangkok, Thailand",
+  "bio": "Hi, I'm Napong. A Software Engineer from Thailand. I love coding",
+  "avatar": "https://github.com/NongBritee.png",
+  "portfolio": "https://github.com/NongBritee",
+  "skills": [
+    "Golang",
+    "React",
+    "Node.js",
+    "Next.js",
+    "TailwindCSS",
+    "MongoDB",
+    "PostgreSQL",
+    "Java",
+    "SpringBoot"
+  ],
+  "social": {
+    "GitHub": "https://github.com/NongBritee",
+    "Twitter": "#",
+    "LinkedIn": "https://www.linkedin.com/in/napong-jantaranimi-273983171"
+  }
+}

public/data/amjido-01.json

@@ -0,0 +1,25 @@
+{
+  "name": "Abubakar Muhammad Ala",
+  "location": "Kano, Nigeria",
+  "bio": "Frontend web developer, Technical writer",
+  "avatar": "https://github.com/amjido-01.png",
+  "portfolio": "https://alerntech.vercel.app/",
+  "skills": [
+    "HTML",
+    "CSS",
+    "Bootstrap",
+    "Tailwind",
+    "JavaScript",
+    "TypeScript",
+    "ReactJS",
+    "Python",
+    "Vite",
+    "Famer motion",
+    "Firebase"
+  ],
+  "social": {
+    "GitHub": "https://github.com/amjido-01",
+    "Twitter": "https://twitter.com/amJido_01",
+    "LinkedIn": "https://www.linkedin.com/in/abubakar-muhammad-ala-110925242/"
+  }
+}

public/data/apenasgabs.json

@@ -0,0 +1,19 @@
+{
+  "name": "Gabriel Rodrigues",
+  "location": "Campinas - SP, Brazil",
+  "bio": "I spent 3 years working in the testing field, and now, I have been working in the development field for a little over 2 years.",
+  "avatar": "https://github.com/apenasgabs.png",
+  "portfolio": "https://github.com/apenasgabs",
+  "skills": [
+    "TypeScript","JavaScript", "React", "React Native", "PWA",
+    "Styled Components", "Ant Design", "ES6", "NextJs",
+    "Node.js", "ExpressJs", "Python", "Flask", "Docker", "Version Control", 
+    "UML", "Database", "GraphQL", "REST", "Context API", "React Query",
+    "Jest", "Cypress", "Puppeteer"
+],
+  "social": {
+    "GitHub": "https://github.com/apenasgabs",
+    "Twitter": "https://twitter.com/apenasgabs",
+    "LinkedIn": "https://www.linkedin.com/in/apenasgabs"
+  }
+}

public/data/parkson-tano.json

@@ -0,0 +1,13 @@
+{
+    "name": "Parkson Tano Daniel",
+    "location": "Yaounde, Cameroon",
+    "bio": "Full Stack Developer with 4 years of experience developing, testing, and deploying web-based applications, resulting in increased user performance, cost savings",
+    "avatar": "https://github.com/parkson-tano.png",
+    "portfolio": "https://github.com/parkson-tano",
+    "skills": ["Python", "JavaScript", "Full Stack web Development", "React JS", "React Native", "Django"],
+    "social": {
+      "GitHub": "https://github.com/parkson-tano",
+      "Twitter": "https://twitter.com/parksondaniel",
+      "LinkedIn": "https://www.linkedsin.com/in/daniel-parkson-tano/"
+    }
+  }

public/data/rasel9t6.json

@@ -0,0 +1,14 @@
+
+{
+  "name": "Rasel Hossen",
+  "location": "Bangladesh",
+  "bio": "Hello there! I'm RASEL, a dedicated and skilled full-stack web developer with expertise in Next.js, MongoDB, TypeScript, and JavaScript. My focus is on transforming creative ideas into seamless digital experiences, driven by a belief in the power of technology to simplify, connect, and inspire.",
+  "avatar": "https://github.com/rasel9t6.png",
+  "portfolio": "Your Portfolio URL or Github URL",
+  "skills": ["Next.js", "React.js", "TypeScript", "JavaScript", "MongoDB", "Supabase"],
+  "social": {
+    "GitHub": "https://github.com/rasel9t6",
+    "Twitter": "https://www.facebook.com/rasel9t6/",
+    "LinkedIn": "https://www.linkedin.com/in/rasel-9t6/"
+  }
+}

public/data/utkarsh-1602.json

@@ -0,0 +1,14 @@
+{
+    "name": "Utkarsh hadgekar",
+    "location": "aurangabad, maharashtra",
+    "bio": "A Full stack Developer with experience in MERN Stack",
+    "avatar": "https://github.com/utkarsh-1602.png",
+    "portfolio": "https://portfolio-website-2024.vercel.app/",
+    "skills": ["React", "Typescript", "JavaScript", "TailwindCss", "Postgres", "NodeJS", "MongoDB", "Docker"],
+    "social": {
+      "GitHub": "https://github.com/utkarsh-1602",
+      "Twitter": "https://twitter.com/hey_utkarshh",
+      "LinkedIn": "https://www.linkedin.com/in/utkarsh-hadgekar-9a0b411a5/"
+    }
+  }
+

src/ProfilesList.json

@@ -1,8 +1,12 @@
 [
+  "utkarsh-1602.json",
+  "rasel9t6.json",
   "eunit99.json",
   "steveAzo.json",
   "abdullah_javaid.json",
+  "apenasgabs.json",
   "rapid-killer-9.json",
+  "amjido-01.json",
   "gsjoy24.json",
   "emon1432.json",
   "notjawad404.json",
@@ -96,6 +100,7 @@
   "anonymgit.json",
   "AseanK.json",
   "B2prakash.json",
+  "NongBritee.json",
   "bkpecho.json",
   "brandeddavid.json",
   "CameronSquires.json",
@@ -355,6 +360,8 @@
   "ashsajal1.json",
   "Raihaninfo.json",
   "sakibul-islam.json",
+  "Dants0.json",
+  "parkson-tano.json",
   "jonasermert.json",
   "nbakh16.json",
   "pirjademl.json",

src/components/Profile/Profile.css

@@ -159,11 +159,12 @@
   font-size: 1.2em;
 }
 
-.social-icons i {
+.social-icons .social-icon {
   color: #fff;
   position: absolute;
-  top: 16px;
-  left: 16.75px;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   transition: all 265ms ease-out;
 }
 
@@ -186,11 +187,11 @@
   -webkit-tap-highlight-color: transparent; /* Add the WebKit-specific property to remove the border in safari browser*/
 }
 
-.social-icons a:hover i {
-  transform: scale(2.25);
-  -ms-transform: scale(2.25);
-  -webkit-transform: scale(2.25);
-  color: #0031b9;
+.social-icons a:hover .social-icon {
+  transform: scale(2) translate(-25%, -25%);
+  -ms-transform: scale(2) translate(-25%, -25%);
+  -webkit-transform: scale(2) translate(-25%, -25%);
+  color: #3474ec;
   background: -webkit-linear-gradient(45deg, #1b58c9, #0daae9);
   background-clip: text;
   -webkit-background-clip: text;

src/components/Profile/Profile.jsx

@@ -2,6 +2,9 @@ import React from 'react';
 import './Profile.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faLocationDot } from '@fortawesome/free-solid-svg-icons';
+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 (
@@ -71,17 +74,17 @@ function Profile({ data }) {
             <ul className="social-icons">
               <li>
                 <a href={data.social.GitHub} target="_blank" rel="noreferrer">
-                  <i className="fa fa-github"></i>
+                  <FontAwesomeIcon icon={faGithub} className="social-icon" />
                 </a>
               </li>
               <li>
                 <a href={data.social.Twitter} target="_blank" rel="noreferrer">
-                  <i className="fa fa-twitter"></i>
+                  <FontAwesomeIcon icon={faXTwitter} className="social-icon" />
                 </a>
               </li>
               <li>
                 <a href={data.social.LinkedIn} target="_blank" rel="noreferrer">
-                  <i className="fa fa-linkedin"></i>
+                  <FontAwesomeIcon icon={faLinkedinIn} className="social-icon" />
                 </a>
               </li>
             </ul>