From 5194bf1bfa70e02dae37d0614cf309c6d73f695f Mon Sep 17 00:00:00 2001 From: ABDULLAH Alshehri <146372707+iAbdullah@users.noreply.github.com> Date: Thu, 25 Jun 2026 21:50:01 +0300 Subject: [PATCH 1/2] Update personal portfolio information and details --- src/portfolio.js | 417 ++++++++++++++++++----------------------------- 1 file changed, 159 insertions(+), 258 deletions(-) diff --git a/src/portfolio.js b/src/portfolio.js index f37660fdf0..e1ef43a68b 100644 --- a/src/portfolio.js +++ b/src/portfolio.js @@ -1,389 +1,290 @@ -/* Change this file to get your personal Portfolio */ - -// To change portfolio colors globally go to the _globalColor.scss file +/* Personal Portfolio Configuration */ import emoji from "react-easy-emoji"; -import splashAnimation from "./assets/lottie/splashAnimation"; // Rename to your file name for custom animation +import splashAnimation from "./assets/lottie/splashAnimation"; // Splash Screen - const splashScreen = { - enabled: true, // set false to disable splash screen + enabled: true, animation: splashAnimation, - duration: 2000 // Set animation duration as per your animation + duration: 2000 }; -// Summary And Greeting Section - +// Illustration const illustration = { - animated: true // Set to false to use static SVG + animated: true }; +// Greeting const greeting = { - username: "Saad Pasta", - title: "Hi all, I'm Saad", + username: "Abdullah Alshahri", + title: "Artificial Intelligence Specialist | Data Engineer | Generative AI Enthusiast", subTitle: emoji( - "A passionate Full Stack Software Developer 🚀 having an experience of building Web and Mobile applications with JavaScript / Reactjs / Nodejs / React Native and some other cool libraries and frameworks." + "Artificial Intelligence graduate from the University of Jeddah with hands-on experience in Machine Learning, Data Engineering, Computer Vision, LLM Fine-Tuning, and Cloud AI solutions. Passionate about building intelligent systems that solve real-world problems. 🚀" ), - resumeLink: - "https://drive.google.com/file/d/1ofFdKF_mqscH8WvXkSObnVvC9kK7Ldlu/view?usp=sharing", // Set to empty to hide the button - displayGreeting: true // Set false to hide this section, defaults to true + resumeLink: "", + displayGreeting: true }; -// Social Media Links - +// Social Links const socialMediaLinks = { - github: "https://github.com/saadpasta", - linkedin: "https://www.linkedin.com/in/saadpasta/", - gmail: "saadpasta70@gmail.com", - gitlab: "https://gitlab.com/saadpasta", - facebook: "https://www.facebook.com/saad.pasta7", - medium: "https://medium.com/@saadpasta", - stackoverflow: "https://stackoverflow.com/users/10422806/saad-pasta", - // Instagram, Twitter and Kaggle are also supported in the links! - // To customize icons and social links, tweak src/components/SocialMedia - display: true // Set true to display this section, defaults to false + github: "https://github.com/iAbdullah", + linkedin: + "https://www.linkedin.com/in/abdullah-alshehri-a386a2278/", + gmail: "abdullahalshahri22@gmail.com", + display: true }; -// Skills Section - +// Skills const skillsSection = { - title: "What I do", - subTitle: "CRAZY FULL STACK DEVELOPER WHO WANTS TO EXPLORE EVERY TECH STACK", + title: "What I Do", + subTitle: + "ARTIFICIAL INTELLIGENCE SPECIALIST FOCUSED ON BUILDING INTELLIGENT SOLUTIONS", + skills: [ emoji( - "⚡ Develop highly interactive Front end / User Interfaces for your web and mobile applications" + "⚡ Building Machine Learning and Deep Learning solutions using Python, TensorFlow and PyTorch" + ), + emoji( + "⚡ Developing Computer Vision and AI-powered applications for real-world use cases" ), - emoji("⚡ Progressive Web Applications ( PWA ) in normal and SPA Stacks"), emoji( - "⚡ Integration of third party services such as Firebase/ AWS / Digital Ocean" + "⚡ Creating Data Pipelines, Cloud AI Solutions, and Generative AI Applications" ) ], - /* Make Sure to include correct Font Awesome Classname to view your icon -https://fontawesome.com/icons?d=gallery */ - softwareSkills: [ { - skillName: "html-5", - fontAwesomeClassname: "fab fa-html5" - }, - { - skillName: "css3", - fontAwesomeClassname: "fab fa-css3-alt" - }, - { - skillName: "sass", - fontAwesomeClassname: "fab fa-sass" - }, - { - skillName: "JavaScript", - fontAwesomeClassname: "fab fa-js" - }, - { - skillName: "reactjs", - fontAwesomeClassname: "fab fa-react" - }, - { - skillName: "nodejs", - fontAwesomeClassname: "fab fa-node" + skillName: "Python", + fontAwesomeClassname: "fab fa-python" }, { - skillName: "swift", - fontAwesomeClassname: "fab fa-swift" + skillName: "AWS", + fontAwesomeClassname: "fab fa-aws" }, { - skillName: "npm", - fontAwesomeClassname: "fab fa-npm" + skillName: "Docker", + fontAwesomeClassname: "fab fa-docker" }, { - skillName: "sql-database", + skillName: "SQL", fontAwesomeClassname: "fas fa-database" }, { - skillName: "aws", - fontAwesomeClassname: "fab fa-aws" - }, - { - skillName: "firebase", - fontAwesomeClassname: "fas fa-fire" + skillName: "Git", + fontAwesomeClassname: "fab fa-git-alt" }, { - skillName: "python", - fontAwesomeClassname: "fab fa-python" - }, - { - skillName: "docker", - fontAwesomeClassname: "fab fa-docker" + skillName: "Linux", + fontAwesomeClassname: "fab fa-linux" } ], - display: true // Set false to hide this section, defaults to true -}; -// Education Section + display: true +}; +// Education const educationInfo = { - display: true, // Set false to hide this section, defaults to true + display: true, + schools: [ { - schoolName: "Harvard University", - logo: require("./assets/images/harvardLogo.png"), - subHeader: "Master of Science in Computer Science", - duration: "September 2017 - April 2019", - desc: "Participated in the research of XXX and published 3 papers.", + schoolName: "University of Jeddah", + logo: null, + subHeader: + "Bachelor of Science in Artificial Intelligence", + duration: "2019 - 2024", + desc: + "Graduate of the Artificial Intelligence Program with strong foundations in Machine Learning, Computer Vision, NLP, Data Engineering, and Intelligent Systems.", descBullets: [ - "Lorem ipsum dolor sit amet, consectetur adipiscing elit", - "Lorem ipsum dolor sit amet, consectetur adipiscing elit" + "Graduation Project: Blind Guide", + "Specialized in AI & Machine Learning" ] - }, - { - schoolName: "Stanford University", - logo: require("./assets/images/stanfordLogo.png"), - subHeader: "Bachelor of Science in Computer Science", - duration: "September 2013 - April 2017", - desc: "Ranked top 10% in the program. Took courses about Software Engineering, Web Security, Operating Systems, ...", - descBullets: ["Lorem ipsum dolor sit amet, consectetur adipiscing elit"] } ] }; -// Your top 3 proficient stacks/tech experience - +// Skills Progress const techStack = { - viewSkillBars: true, //Set it to true to show Proficiency Section + viewSkillBars: true, + experience: [ { - Stack: "Frontend/Design", //Insert stack or technology you have experience in - progressPercentage: "90%" //Insert relative proficiency in percentage + Stack: "Artificial Intelligence", + progressPercentage: "95%" + }, + { + Stack: "Machine Learning", + progressPercentage: "90%" }, { - Stack: "Backend", - progressPercentage: "70%" + Stack: "Data Engineering", + progressPercentage: "85%" }, { - Stack: "Programming", - progressPercentage: "60%" + Stack: "Cloud Computing", + progressPercentage: "80%" } ], - displayCodersrank: false // Set true to display codersrank badges section need to changes your username in src/containers/skillProgress/skillProgress.js:17:62, defaults to false -}; -// Work experience section + displayCodersrank: false +}; +// Experience const workExperiences = { - display: true, //Set it to true to show workExperiences Section + display: true, + experience: [ { - role: "Software Engineer", - company: "Facebook", - companylogo: require("./assets/images/facebookLogo.png"), - date: "June 2018 – Present", - desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", + role: "Artificial Intelligence Specialist", + company: "University of Jeddah", + companylogo: null, + date: "2024", + desc: + "Developed AI-driven solutions and intelligent systems as part of academic and practical projects.", descBullets: [ - "Lorem ipsum dolor sit amet, consectetur adipiscing elit", - "Lorem ipsum dolor sit amet, consectetur adipiscing elit" + "Blind Guide AI Project", + "Machine Learning Model Development", + "Computer Vision Applications" ] }, { - role: "Front-End Developer", - company: "Quora", - companylogo: require("./assets/images/quoraLogo.png"), - date: "May 2017 – May 2018", - desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - }, - { - role: "Software Engineer Intern", - company: "Airbnb", - companylogo: require("./assets/images/airbnbLogo.png"), - date: "Jan 2015 – Sep 2015", - desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + role: "AI Professional Bootcamp Trainee", + company: "SDAIA Academy", + companylogo: null, + date: "2025 - Present", + desc: + "Participating in advanced AI training covering Python, LLMs, Data Engineering, and Cloud AI technologies." } ] }; -/* Your Open Source Section to View Your Github Pinned Projects -To know how to get github key look at readme.md */ - +// Open Source const openSource = { - showGithubProfile: "true", // Set true or false to show Contact profile using Github, defaults to true - display: true // Set false to hide this section, defaults to true + showGithubProfile: true, + display: true }; -// Some big projects you have worked on - +// Projects const bigProjects = { - title: "Big Projects", - subtitle: "SOME STARTUPS AND COMPANIES THAT I HELPED TO CREATE THEIR TECH", + title: "Featured Projects", + subtitle: "AI PROJECTS AND INTELLIGENT SYSTEMS", + projects: [ { - image: require("./assets/images/saayaHealthLogo.webp"), - projectName: "Saayahealth", - projectDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", - footerLink: [ - { - name: "Visit Website", - url: "http://saayahealth.com/" - } - // you can add extra buttons here. - ] + image: null, + projectName: "Blind Guide", + projectDesc: + "AI-powered navigation assistant for visually impaired users using Computer Vision, NLP, Sensors, Neural Networks, and Flutter.", + footerLink: [] }, { - image: require("./assets/images/nextuLogo.webp"), - projectName: "Nextu", - projectDesc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit", - footerLink: [ - { - name: "Visit Website", - url: "http://nextu.se/" - } - ] + image: null, + projectName: "FinBrain-OS", + projectDesc: + "Intelligent financial management platform leveraging FastAPI, AI analytics, and data-driven decision making.", + footerLink: [] } ], - display: true // Set false to hide this section, defaults to true -}; -// Achievement Section -// Include certificates, talks etc + display: true +}; +// Achievements const achievementSection = { - title: emoji("Achievements And Certifications 🏆 "), + title: emoji("Achievements & Certifications 🏆"), subtitle: - "Achievements, Certifications, Award Letters and Some Cool Stuff that I have done !", + "Professional Certifications and Technical Achievements", achievementsCards: [ { - title: "Google Code-In Finalist", + title: "HCIA-AI", subtitle: - "First Pakistani to be selected as Google Code-in Finalist from 4000 students from 77 different countries.", - image: require("./assets/images/codeInLogo.webp"), - imageAlt: "Google Code-In Logo", - footerLink: [ - { - name: "Certification", - url: "https://drive.google.com/file/d/0B7kazrtMwm5dYkVvNjdNWjNybWJrbndFSHpNY2NFV1p4YmU0/view?usp=sharing" - }, - { - name: "Award Letter", - url: "https://drive.google.com/file/d/0B7kazrtMwm5dekxBTW5hQkg2WXUyR3QzQmR0VERiLXlGRVdF/view?usp=sharing" - }, - { - name: "Google Code-in Blog", - url: "https://opensource.googleblog.com/2019/01/google-code-in-2018-winners.html" - } - ] + "Huawei Certified Artificial Intelligence Associate", + image: null, + imageAlt: "HCIA-AI", + footerLink: [] }, { - title: "Google Assistant Action", + title: "HCIA-Security", subtitle: - "Developed a Google Assistant Action JavaScript Guru that is available on 2 Billion devices world wide.", - image: require("./assets/images/googleAssistantLogo.webp"), - imageAlt: "Google Assistant Action Logo", - footerLink: [ - { - name: "View Google Assistant Action", - url: "https://assistant.google.com/services/a/uid/000000100ee688ee?hl=en" - } - ] + "Huawei Certified Security Associate", + image: null, + imageAlt: "HCIA Security", + footerLink: [] }, - { - title: "PWA Web App Developer", - subtitle: "Completed Certifcation from SMIT for PWA Web App Development", - image: require("./assets/images/pwaLogo.webp"), - imageAlt: "PWA Logo", - footerLink: [ - {name: "Certification", url: ""}, - { - name: "Final Project", - url: "https://pakistan-olx-1.firebaseapp.com/" - } - ] + title: "SAS Certified Data Scientist", + subtitle: + "Professional Certification in Data Science", + image: null, + imageAlt: "SAS", + footerLink: [] + }, + { + title: "Microsoft Office Specialist (MOS)", + subtitle: + "Microsoft Office Productivity Certification", + image: null, + imageAlt: "MOS", + footerLink: [] } ], - display: true // Set false to hide this section, defaults to true -}; -// Blogs Section + display: true +}; +// Blog const blogSection = { title: "Blogs", - subtitle: - "With Love for Developing cool stuff, I love to write and teach others what I have learnt.", - displayMediumBlogs: "true", // Set true to display fetched medium blogs instead of hardcoded ones - blogs: [ - { - url: "https://blog.usejournal.com/create-a-google-assistant-action-and-win-a-google-t-shirt-and-cloud-credits-4a8d86d76eae", - title: "Win a Google Assistant Tshirt and $200 in Google Cloud Credits", - description: - "Do you want to win $200 and Google Assistant Tshirt by creating a Google Assistant Action in less then 30 min?" - }, - { - url: "https://medium.com/@saadpasta/why-react-is-the-best-5a97563f423e", - title: "Why REACT is The Best?", - description: - "React is a JavaScript library for building User Interface. It is maintained by Facebook and a community of individual developers and companies." - } - ], - display: true // Set false to hide this section, defaults to true + subtitle: "AI, Machine Learning and Data Engineering", + displayMediumBlogs: false, + blogs: [], + display: false }; -// Talks Sections - +// Talks const talkSection = { title: "TALKS", subtitle: emoji( - "I LOVE TO SHARE MY LIMITED KNOWLEDGE AND GET A SPEAKER BADGE 😅" + "Sharing knowledge and experience in AI and Technology" ), - - talks: [ - { - title: "Build Actions For Google Assistant", - subtitle: "Codelab at GDG DevFest Karachi 2019", - slides_url: "https://bit.ly/saadpasta-slides", - event_url: "https://www.facebook.com/events/2339906106275053/" - } - ], - display: true // Set false to hide this section, defaults to true + talks: [], + display: false }; -// Podcast Section - +// Podcast const podcastSection = { title: emoji("Podcast 🎙️"), - subtitle: "I LOVE TO TALK ABOUT MYSELF AND TECHNOLOGY", - - // Please Provide with Your Podcast embeded Link - podcast: [ - "https://anchor.fm/codevcast/embed/episodes/DevStory---Saad-Pasta-from-Karachi--Pakistan-e9givv/a-a15itvo" - ], - display: true // Set false to hide this section, defaults to true + subtitle: "", + podcast: [], + display: false }; -// Resume Section +// Resume const resumeSection = { title: "Resume", - subtitle: "Feel free to download my resume", - - // Please Provide with Your Podcast embeded Link - display: true // Set false to hide this section, defaults to true + subtitle: "Download my resume", + display: true }; +// Contact const contactInfo = { title: emoji("Contact Me ☎️"), subtitle: - "Discuss a project or just want to say hi? My Inbox is open for all.", - number: "+92-0000000000", - email_address: "saadpasta70@gmail.com" + "Feel free to contact me regarding opportunities, projects, or collaboration.", + number: "+966538278138", + email_address: "abdullahalshahri22@gmail.com" }; -// Twitter Section - +// Twitter const twitterDetails = { - userName: "twitter", //Replace "twitter" with your twitter username without @ - display: true // Set true to display this section, defaults to false + userName: "", + display: false }; -const isHireable = false; // Set false if you are not looking for a job. Also isHireable will be display as Open for opportunities: Yes/No in the GitHub footer +// Hireable +const isHireable = true; export { illustration, From f2be2fa5d71e451319db3cd65d7a682b1790cd9b Mon Sep 17 00:00:00 2001 From: "pre-commit-ci[bot]" <66853113+pre-commit-ci[bot]@users.noreply.github.com> Date: Thu, 25 Jun 2026 18:50:29 +0000 Subject: [PATCH 2/2] [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --- src/portfolio.js | 37 +++++++++++++------------------------ 1 file changed, 13 insertions(+), 24 deletions(-) diff --git a/src/portfolio.js b/src/portfolio.js index e1ef43a68b..55db0ce280 100644 --- a/src/portfolio.js +++ b/src/portfolio.js @@ -18,7 +18,8 @@ const illustration = { // Greeting const greeting = { username: "Abdullah Alshahri", - title: "Artificial Intelligence Specialist | Data Engineer | Generative AI Enthusiast", + title: + "Artificial Intelligence Specialist | Data Engineer | Generative AI Enthusiast", subTitle: emoji( "Artificial Intelligence graduate from the University of Jeddah with hands-on experience in Machine Learning, Data Engineering, Computer Vision, LLM Fine-Tuning, and Cloud AI solutions. Passionate about building intelligent systems that solve real-world problems. 🚀" ), @@ -29,8 +30,7 @@ const greeting = { // Social Links const socialMediaLinks = { github: "https://github.com/iAbdullah", - linkedin: - "https://www.linkedin.com/in/abdullah-alshehri-a386a2278/", + linkedin: "https://www.linkedin.com/in/abdullah-alshehri-a386a2278/", gmail: "abdullahalshahri22@gmail.com", display: true }; @@ -91,11 +91,9 @@ const educationInfo = { { schoolName: "University of Jeddah", logo: null, - subHeader: - "Bachelor of Science in Artificial Intelligence", + subHeader: "Bachelor of Science in Artificial Intelligence", duration: "2019 - 2024", - desc: - "Graduate of the Artificial Intelligence Program with strong foundations in Machine Learning, Computer Vision, NLP, Data Engineering, and Intelligent Systems.", + desc: "Graduate of the Artificial Intelligence Program with strong foundations in Machine Learning, Computer Vision, NLP, Data Engineering, and Intelligent Systems.", descBullets: [ "Graduation Project: Blind Guide", "Specialized in AI & Machine Learning" @@ -140,8 +138,7 @@ const workExperiences = { company: "University of Jeddah", companylogo: null, date: "2024", - desc: - "Developed AI-driven solutions and intelligent systems as part of academic and practical projects.", + desc: "Developed AI-driven solutions and intelligent systems as part of academic and practical projects.", descBullets: [ "Blind Guide AI Project", "Machine Learning Model Development", @@ -153,8 +150,7 @@ const workExperiences = { company: "SDAIA Academy", companylogo: null, date: "2025 - Present", - desc: - "Participating in advanced AI training covering Python, LLMs, Data Engineering, and Cloud AI technologies." + desc: "Participating in advanced AI training covering Python, LLMs, Data Engineering, and Cloud AI technologies." } ] }; @@ -193,38 +189,33 @@ const bigProjects = { // Achievements const achievementSection = { title: emoji("Achievements & Certifications 🏆"), - subtitle: - "Professional Certifications and Technical Achievements", + subtitle: "Professional Certifications and Technical Achievements", achievementsCards: [ { title: "HCIA-AI", - subtitle: - "Huawei Certified Artificial Intelligence Associate", + subtitle: "Huawei Certified Artificial Intelligence Associate", image: null, imageAlt: "HCIA-AI", footerLink: [] }, { title: "HCIA-Security", - subtitle: - "Huawei Certified Security Associate", + subtitle: "Huawei Certified Security Associate", image: null, imageAlt: "HCIA Security", footerLink: [] }, { title: "SAS Certified Data Scientist", - subtitle: - "Professional Certification in Data Science", + subtitle: "Professional Certification in Data Science", image: null, imageAlt: "SAS", footerLink: [] }, { title: "Microsoft Office Specialist (MOS)", - subtitle: - "Microsoft Office Productivity Certification", + subtitle: "Microsoft Office Productivity Certification", image: null, imageAlt: "MOS", footerLink: [] @@ -246,9 +237,7 @@ const blogSection = { // Talks const talkSection = { title: "TALKS", - subtitle: emoji( - "Sharing knowledge and experience in AI and Technology" - ), + subtitle: emoji("Sharing knowledge and experience in AI and Technology"), talks: [], display: false };